element-ui中利用resetFields()清空表单时的坑

原文链接:https://blog.csdn.net/weixin_41991501/article/details/81975821#commentBox

先上图:

在使用的过程中:

1. model中的字段要和ref中的字段对应上,model中的字段也就是v-model中监听的对象的字段。

2. prop中的字段要和v-model中的字段对应上,这个四个字段都是为了做验证或重置使用

使用resetFields()应注意的:

1. resetFields()只是重置,重置为初始值。

2. 这个初始值是在form表单created时确定的,如果在created的时候赋值了,

    那么在以后的重置的时候都不会重置为空字符串。 

3. 在进行编辑的时候需要在打开form表单的时候对输入框赋值,那么赋值动作就是在created的时候进行的,

    那么在以后重置的时候都不会重置为空字符串了。

    解决办法:利用this.$nextTick()将赋值操作放到dom渲染结束之后

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值