element-ui 输入框number验证

在验证过程中发现输入框加了验证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>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容