美文网首页
element-ui 输入框number验证

element-ui 输入框number验证

作者: 若水亦城空 | 来源:发表于2020-02-29 10:39 被阅读0次

在验证过程中发现输入框加了验证type='number'一直报错,原因在于输入框中的值转成了字符串格式,解决方式为在结构中的v-model需要加上.number,就会将值转为数值类型。
代码如下

<body>
<el-input  v-model.number="userAdd.jobnumber" type='text'  :placeholder="item.placeholder" ></el-input>
</body>
<script>
export default{
 data(){
   return {
     userAdd:{jobnumber:''},
     rules:{
      jobNumber:[
                   { required: true, message: '请输入工号', trigger: 'change' },
                   { type: 'number', message: '只能输入数字', trigger: 'blur' },
                ],
        }
     }
   }
}
</script>

相关文章

    本文标题:element-ui 输入框number验证

    本文链接:https://www.haomeiwen.com/subject/mfpuhhtx.html