clearValidate()和resetFields()

相同点:

都能移除表单验证。

不同点:

resetFields()会移除表单校验并初始化表单,会重置字段值;
clearValidate()移除全部或者部分表单校验。

  • 场景一
    弹窗或者抽屉中的表单验证提示后,关闭弹窗再次打开的时候,上次的验证信息还在,可以使用resetFields()清除。
    clearValidate()和resetFields()_第1张图片
    clearValidate()和resetFields()_第2张图片
    clearValidate()和resetFields()_第3张图片

  • 场景二:
    如下图:1和2是联动的,修改1的时候,2清空,清空后,会出现验证信息,需求是只有点击‘确定’按钮,也就是最终提交的时候才显示验证信息。这时需要移除部分验证,使用clearValidate()。
    clearValidate()和resetFields()_第4张图片

 //清除全部校验
 this.$refs.form1.clearValidate();
 //清除其中一个校验,propname为对应的prop值
 this.$refs.form1.clearValidate(‘propname’);
  //清除多个校验,propname为对应的prop值
 this.$refs.form1.clearValidate(["propname1","propname2"]);

你可能感兴趣的:(常见问题汇总,前端,javascript,大数据)