vue 表单数据修改，导致页面列表数据被同步修改问题的解决。

在vue的项目开发中，有时候在表单提交的时候，尤其是页面中对话层编辑数据，在修改的时候，会看到列表页面的数据也在跟着改变，这是vue 的双向数据绑定的弊端，实时更新数据，因为是一个数据源，因为在修改对象的时候，对象的指针直接指向页面数据了，解决办法是：在修改的时候，会获取到当前行的对象数据，那么我们不是直接赋值给我们的页面对象数据，而是：this.addRoleFrom =JSON.parse(

qq_40055200

3525人浏览 · 2022-01-18 15:39:23

qq_40055200 · 2022-01-18 15:39:23 发布

在vue的项目开发中，有时候在表单提交的时候，尤其是页面中对话层编辑数据，在修改的时候，会看到列表页面的数据也在跟着改变，这是vue 的双向数据绑定的弊端，实时更新数据，因为是一个数据源，因为在修改对象的时候，对象的指针直接指向页面数据了，解决办法是：

在修改的时候，会获取到当前行的对象数据，那么我们不是直接赋值给我们的页面对象数据，而是：

this.addRoleFrom =JSON.parse(JSON.stringify(row)) // 改过之后的
this.addRoleFrom =Oject.assign(row,{}) // 原来的

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}$/, //不连续的两位字母// /^