关于element-ui中表单重置不生效的原因，及解决方法

resetFields这个方法是将表单重置为初始值， 也就是说，是将表单中的数据重置为dom节点渲染时的值，而不是重置为空对象。

也就是说，当你的表单数据，是在dom节点渲染前被赋值的，那么他的初始值就不为空了。

还有就是vue中对象是不能直接赋值给另一个对象的

解决方法：给表单对象赋值，应在dom节点渲染完成之后，使用$nextTick这个方法，以及对

赋值的数据进行转义

$nextTick:将vuedom节点更新变为同步

//this.form:是表单对象
//data：是值
 this.$nextTick(()=>{
     this.form = JSON.perse(JSON.stringify(data))
  })

使用resetFields的注意事项：设置prop属性，该属性值要与model值相同，如果不设置这个属性，

resetFields是不生效的

扫描二维码关注公众号，回复： 16163130 查看本文章