elementui--表单清空的问题、先编辑后新增resetFields()无效的坑

作者:泪滴在琴上
链接:https://www.jianshu.com/p/9b636f4b2c30
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

值得注意的问题 关于resetFields
1.有关于 el-form-items 涉及到虚拟dom节点的 比如 v-if v-show 的 要根据情况考虑 是否加 “key” 值 ,保证唯一性
2.关于 “编辑” 和 “新增” 按钮复用一个弹框时. 编辑框打开要复显数据时,有涉及到resetFields,要考虑 先 this. n e x t T i c k ( ( ) = > 再赋值 ) 3. 关于 e l − f o r m − i t e m s 的 p r o p 绑定的是组件数据时 , 点提交后,重置完表单后仍触发了,改数组的 p r o p 校验。要考虑先 t h i s . nextTick(()=>{ 再赋值 }) 3.关于 el-form-items 的 prop 绑定的是 组件数据时, 点提交后,重置完表单后仍触发了,改数组的prop 校验。 要考虑 先 this. nextTick(()=>再赋值)3.关于elformitemsprop绑定的是组件数据时,点提交后,重置完表单后仍触发了,改数组的prop校验。要考虑先this.nextTick(()=>{ 重置该数组的值 }) 再清空校验
4.resetFields 清空校验只对 prop 绑定的值生效,而 prop 必须和 该 el-form-items的 v-modle值一样, 且要和 该表单:modle的对象子属性 一致才生效,这是常识,也是最重要的因素。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值