Vue中Form表单验证无法消除验证问题

iView的表单api给出了一个resetFields方法,用于重置整个表单输入的内容并清除验证提示。

但是有时候需要只消除部分的
iview的resetFields方法源码是这样的resetFields:function(){this.fields.forEach(function(e){e.resetField()})}
从这个forEach我们可以联想出整个表单的域是通过循环一个个重置的,每个域通过resetField这个方法进行重置,真正执行重置的是forEach里面的resetField方法

写出自己的重置方法

this.$refs [name].fields.forEach(function (e) { if (e.prop == 'abc') { e.resetField() } })
将abc替换成自己的prop就可以了

posted @ 2019-05-05 16:42  昵称已存在嘿  阅读(3798)  评论(0编辑  收藏  举报