iview表单结算检查状态的实现

需要启用/禁用输入框，禁用时应清除输入框的检查状态(红色框)。

方法1:修改formItem字段属性

在iview的官方api中，无法清除验证状态。看完源代码，用粗略的方法解决。

源文件form-item.vue中的resetField方法通过修改这两个属性的值来清除状态和提示

实际上，formItem的两个属性值被修改了。v.validateDisabled是否验证v.validateState的显示状态(此处的值是验证错误时的“error”)v . validatemessage错误提示文本

修改状态时，需要清除校验规则，否则提交时会再次触发校验方式。

方法2:控制窗体呈现

稍后，当检查规则为空时，如果一开始没有规则，则不会进行检查(除非您单击提交按钮)。然后我想到用v-if来控制表单的渲染时间，在检查规则发生变化的时候重新渲染，这样就可以保证规则和DOM同步，不需要修改属性。

这个时候用Promise(真的是个好东西)，简单的做了一个回调，每次切换控制按钮，都会执行这样一套渲染(主要是代码中调用这个方法的地方太多，懒得改)，处理这个需求也比较粗糙。

后续研究，在原有基础上增加一个方法来明确状态_

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。