关于el-form表单的resetFields和clearValidate;在打开新增或修改对话框前清除表单验证

1、在使用resetFields和clearValidate中遇到的坑

 element ui官网中对form表单的resetFields和clearValidate介绍

resetFields对整个表单进行重置,将所有字段值重置为初始值并移除校验结果
clearValidate移除表单项的校验结果。传入待移除的表单项的 prop 属性或者 prop 组成的数组,如不传则移除整个表单的校验结果Function(props: array | string)
  • 使用resetFields虽然可以移除校验结果,但是在打开对话前即使做重置输入框数据的操作,页面的输入框还是会出现数据,花了三个小时没有找出该bug出现的原因,最终将resetFields改成了clearValidate。
  • 如果this.refs[form].clearValidate()报错,可以使用this.refs.form.clearValidate();

2. 使用表单验证时,没有填写数据就点击确定按钮,会打开表单验证,即使关闭对话框也没有移除表单验证,此时可以在打开对话框时移除表单验证

this.$nextTick(() => {
  this.$refs.memberFormRef.clearValidate();//等弹窗里的form表单的dom渲染完在执行去除验证
});

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值