Vue ElementUI 在表单中修改数据，表格的数据也跟着修改的问题

在编辑表单的时候，修改表格的数据，不管确定还是取消，表格的数据也被修改了，这是因为我们回显数据的时候直接修改了目标的数据。这是浅拷贝，引用地址还是用的真实数据，虽然没有保存到数据库中，但会误导观众，这时候用下面的回显方式，用过 JSON 进行深拷贝即可。editShow(row){this.$data.contract=JSON.parse(JSON.stringify(row))this.$da

潇雷

2884人浏览 · 2021-12-20 11:46:51

潇雷 · 2021-12-20 11:46:51 发布

在编辑表单的时候，修改表格的数据，不管确定还是取消，表格的数据也被修改了，这是因为我们回显数据的时候直接修改了目标的数据。这是浅拷贝，引用地址还是用的真实数据，虽然没有保存到数据库中，但会误导观众，这时候用下面的回显方式，用过 JSON 进行深拷贝即可。

editShow(row){
  this.$data.contract=JSON.parse(JSON.stringify(row))
  this.$data.form.fileName=row.fileName
  this.$data.drawer = true;
},

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^