vue项目是基于element框架做的,在做form表单时,要做些验证,element框架也提供了自定义验证
下面是一些常见的验证
只允许输入数字:
可以直接用框架的rule去验证,但必须在model后加上number
num: [
{required:true, message: '请输入数量'},
{type:'number', message: '数量必须为数字值'}
],
只允许输入数字和小数:
过滤中文:
补充:
由于使用了组件,添加了rules验证规则,导致与oninput事件的验证规则发生了冲突,所以修改如下
deal(index,indexs,value,prop){this.form.sark_type[index].child[indexs][prop]=value
},
对当前属性重新赋值,也可以把oninput事件的验证移到change事件,不过这样验证只能在失焦的时候触发
ps:由于属性层级较多,包含了多层数组,通过element自定义验证去做,要逐层拆属性,着实有点麻烦。