vue.js - v-model导致验证不成功，为什么？

问题描述

问 题

https://jsfiddle.net/Irene_Ta... 点击提交的时候验证不成功，
改成这样也验证不成功<el-input v-model="ruleForm.name"></el-input> 为什么？

解决方案

rules: {
    name: [
        { required: true, type: 'number', message: '请输入活动名称', trigger: 'blur' }
    ]
}

如果name必须是数字类型，那么给rules加个限制就好了，详情可以见async-validator

element-ui/iview/ant.design的表单验证都是基于这个库的…

这篇关于vue.js - v-model导致验证不成功，为什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！