Element校验的几种方式

首先,在form的model绑定了表单数据,rules绑定了,校验规则,form-item的prop指定了数据

 required,开启非空校验,message.为提示信息,最后为触发条件,还可为change

第二个规则为最小2,最大4位

pattern可以使用正则,后面一样是提示信息,和触发交件

-----------------------------

validator后面可以接函数

 value为输入值

vallback为必须执行的回调函数

用来校验两次输入是否相同,或者前端用来判断名字code之类的是否重复-减少后端压力

 ---

我用的较少的一种

 { required: true, message: '年龄不能为空'},
 { type: 'number', message: '年龄必须为数字值'}

需要在v-model加上修饰符number