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

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

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

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

赋值的数据进行转义

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

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

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

resetFields是不生效的

Logo

前往低代码交流专区

更多推荐