在实际开发实现表格的增删改查的时候,新增和修改通常共用一个弹窗以节省代码量
当我们先点击修改的时候,会对弹窗表单进行赋值,这个时候我们再点击新增,会发现刚刚的表单数据仍然躺在表单中,并且使用resetFields没有清除数据
addTask(formName) {
this.addVisible = true
this.$nextTick(() => {
this.$refs[formName].resetFields()
})
},
//使用this.$nextTick也没有效果
其实resetFields()是生效了的,resetFields方法是将值重置为初始值而不是清空,初始值就是刚刚表单里的数据。文章来源:https://www.toymoban.com/news/detail-579498.html
如果我们要清空数据,就要在this.$nextTick里重新赋值为初始值文章来源地址https://www.toymoban.com/news/detail-579498.html
addTask(formName) {
this.addVisible = true
this.$nextTick(() => {
this.addForm = { //这里放你自己的初始值对象
pathName: '',
pointCount: '',
safeDistance: '',
inspectionDay: '',
bridgeIds: '',
userNames: '',
beginDate: '',
endDate: '',
length: 0,
}
this.$refs[formName].resetFields();
})
},
到了这里,关于解决 element-ui 中From 表单和Dialog 对话框搭配使用时 resetFields重置方法无法清空数据的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!