首页IT科技elementui中文官网(完美解决element-ui的el-input设置number类型后的相关问题)

elementui中文官网(完美解决element-ui的el-input设置number类型后的相关问题)

时间2025-05-05 12:19:42分类IT科技浏览3260
导读:element-ui的el-input, 设置type="number"后,后边会多一个上下箭头,并且在中文输入法输入数据的时候,光标上移!!...

element-ui的el-input           , 设置type="number"后                 ,后边会多一个上下箭头     ,并且在中文输入法输入数据的时候     ,光标上移!!

前端的强迫症啊 (凭啥你这输入框和别人的不一样                 , 凭啥你光标就上移了           , 你就不能正常点!!!)

so     ,解决一下

1. 解决掉上下箭头

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类型内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

声明:本站所有文章                ,如无特殊说明或标注                ,均为本站原创发布           。任何个人或组织,在未征得本站同意时           ,禁止复制           、盗用                、采集      、发布本站内容到任何网站           、书籍等各类媒体平台                。如若本站内容侵犯了原著者的合法权益                ,可联系我们进行处理      。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
edge浏览器如何滚动截屏(新版Edge浏览器开启“Windows样式重叠滚动条”功能) 伪原创文章的类型及特点有哪些方面(伪原创文章的类型及特点)