关于element-ui中表单重置不生效的原因,及解决方法
resetFields这个方法是将表单重置为初始值, 也就是说,是将表单中的数据重置为dom节点渲染时的值,而不是重置为空对象。也就是说,当你的表单数据,是在dom节点渲染前被赋值的,那么他的初始值就不为空了。解决方法:给表单对象赋值,应在dom节点渲染完成之后,使用$nextTick这个方法$nextTick:将vuedom节点更新变为同步使用resetFields的注意事项:设置prop属性,
·
resetFields这个方法是将表单重置为初始值, 也就是说,是将表单中的数据重置为dom节点渲染时的值,而不是重置为空对象。
也就是说,当你的表单数据,是在dom节点渲染前被赋值的,那么他的初始值就不为空了。
还有就是vue中对象是不能直接赋值给另一个对象的
解决方法:给表单对象赋值,应在dom节点渲染完成之后,使用$nextTick这个方法,以及对
赋值的数据进行转义
$nextTick:将vuedom节点更新变为同步
//this.form:是表单对象
//data:是值
this.$nextTick(()=>{
this.form = JSON.perse(JSON.stringify(data))
})
使用resetFields的注意事项:设置prop属性,该属性值要与model值相同,如果不设置这个属性,
resetFields是不生效的
更多推荐
已为社区贡献1条内容
所有评论(0)