iview自定义字段值对部分表单重置为空并移除校验结果+检验消除值没清空问题

iview自定义字段值对部分表单重置为空并移除校验结果

iview表单检验,有时候我们需要的不是全部表单字段进行resetFields清空,而是对部分字体值进行去除检验,并且数值需要清空(这里注意,等下对自定义字段清除校验时,发现数值并没清空。解决方法下面再说,先说明 下)

步骤一,用对象装着部分prop检验的名称,等下对这部分项进行校验,不影响到其他prop字段

步骤二,绑定对象里的prop值到对应的表单上。(页面需要做禁用表单的,后面再说明)

步骤三,切换状态时,触发消除检验错误

上面可以看到使用:

this.$refs [name].fields.forEach(function (e) {
      if (e.prop == 'abc') {
          e.resetField()
      }
})

可以取得到每项的prop值,并且resetField可以清空检验。但有时候你发现值没有清空???

这时候怎么处理???下面说iview的Row栅格,这个可以处理值清空问题(我也是偶然发现这Row的特别之处)
检验清空,数值没清空处理方法

就这样把内容放到Row,然后再切换清空校验时,发现这时数值是可以清空的了.......【发现Row新大陆】
下面是切换状态,开启/禁用表单写法

上图可以看到,表单上绑定disabled,切换状态进行禁用/启用。

有些时候,我们禁用时就需要去掉校验,然后进行下一步操作。如果开启校验又禁用效果。则还是会触发校验;

你可能感兴趣的:(iview)