elementUi里面的el-input框有时候无法输入的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementUi里面的el-input框有时候无法输入的问题相关的知识,希望对你有一定的参考价值。

参考技术A 最近发现项目中需要输入内容的时候,input框有时候会无法输入进去

原因:视图没有更新
发现elementUI中@input事件可以拿到当前输入的值
解决方法 this.$forceUpdate() 强制更新

js

elementui中el-input类型设置为number类型

当需要验证的字段是数字类型的时候,需要使用 v-model.number 来绑定,否则验证的时候会当做字符串处理,结果就无法验证

 <el-input    v-model.number="tax.salary"></el-input>
1
rules里面:

           salary: [{required: true, message: '请输入工资',type:'number', trigger: 'blur'}],
————————————————
版权声明:本文为CSDN博主「你真好看l」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_40052011/article/details/104903325

以上是关于elementUi里面的el-input框有时候无法输入的问题的主要内容,如果未能解决你的问题,请参考以下文章

ElementUI输入框组件

elementUI技巧:在 el-table中校验el-input输入框

elementui输入框文字太长显示不全

elementUI中input框无法输入的问题

el-input 数字校验

elementUI 学习之获取输入框的内容