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,切换状态进行禁用/启用。
有些时候,我们禁用时就需要去掉校验,然后进行下一步操作。如果开启校验又禁用效果。则还是会触发校验;
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。