vue+elementUI动态清除或修改rules表单校验

  • Post author:
  • Post category:vue


1.清除整个表单校验,假设表单用ref绑定名称为form

this.$refs.form.clearValidate()

2.清除单个表单元素校验

(1)如果绑定的是对象,列如v-model=‘obj.one’,清除代码如下

this.$refs.form.clearValidate('obj.one')

(2)如果绑定的不是对象,列如v-model=‘one’,清除代码如下

this.$refs.form.clearValidate('one')

3.修改表单校验,假设表单绑定了校验规则数组rules

(1)修改整个表单校验比较简单,直接this.rules=[…]就可以了

(2)prop绑定的是对象的话,修改校验规则代码如下

this.rules['obj.one']=[...]

(2)prop绑定的不是对象的话,修改校验规则代码如下

this.rules.one=[...]



版权声明:本文为handsome_man__原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。