位置: IT常识 - 正文
完美解决element-ui的el-input设置number类型后的相关问题(完美解决怠速抖动加油就平稳)
发布时间：2024-01-26这篇文章主要介绍了完美解决element-ui的el-input设置number类型后的相关问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下 
本文链接地址:https://www.jiuchutong.com/zhishi/310230.html
转载请保留说明！
推荐整理分享完美解决element-ui的el-input设置number类型后的相关问题(完美解决怠速抖动加油就平稳)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:完美解决怠速抖动加油就平稳,完美解决索尼电视arc无声音,完美解决usb电涌15秒后关机,完美解决索尼电视arc无声音,完美解决usb供电不足,完美解决显卡利用率低,完美解决怠速抖动加油就平稳,完美解决win10共享打印机,内容如对您有帮助，希望把文章链接给更多的朋友！
element-ui的el-input， 设置type="number"后，后边会多一个上下箭头，并且在中文输入法输入数据的时候，光标上移！！
前端的强迫症啊 （凭啥你这输入框和别人的不一样， 凭啥你光标就上移了， 你就不能正常点！！！）
so，解决一下
1. 解决掉上下箭头
::v-deep input::-webkit-outer-spin-button,::v-deep input::-webkit-inner-spin-button {-webkit-appearance: none !important;}::v-deep input[type='number'] {-moz-appearance: textfield !important;}2. 解决掉光标上移问题
.el-input__inner {line-height: 1px !important;}elementui中el-input类型设置为number类型当需要验证的字段是数字类型的时候，需要使用 v-model.number 来绑定，否则验证的时候会当做字符串处理，结果就无法验证
<el-input v-model.number="tax.salary"></el-input>rules里面：
salary: [{required: true, message: '请输入工资',type:'number', trigger: 'blur'}],到此这篇关于完美解决element-ui的el-input设置number类型后的相关问题的文章就介绍到这了,更多相关element-ui number类型内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！
上一篇：python中numpy数组合并的两种方法(python中numpy数组和列表的区别)
下一篇：SQL命令批量替换DedeCms文章标题 关键字标签内容方法(sql批量替换值)
![[YOLOv7/YOLOv5系列算法改进NO.11]主干网络C3替换为轻量化网络MobileNetV3(yolov5m)](https://www.jiuchutong.com/image/20231126/1700985490.jpg)
