!DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 title店铺信息title !-- 引入样式 -- link rel=stylesheet href=httpsunpkgcomelement-uilibtheme-chalkindexcss script src=jsvuejsscript script src
这是因为在点击修改按钮后,修改表单的数据被赋值为所点击行的数据,然后在点击添加按钮时,弹出的添加表单的数据仍然是之前赋值的数据。要解决这个问题,可以在点击添加按钮时,将表单数据清空,即将this.form赋值为空对象{},或者使用Vue的深拷贝方法将this.form赋值为一个新的空对象。例如:
add() {
this.dialogFormVisible1 = true;
this.title = '添加门店';
this.show = false;
this.form = {}; // 或者使用Vue的深拷贝方法:this.form = JSON.parse(JSON.stringify(this.form));
},
这样在点击添加按钮时,表单数据就会被清空,不会保留之前的修改数据。
原文地址: https://www.cveoy.top/t/topic/i9AC 著作权归作者所有。请勿转载和采集!