vue中使用弹窗修改内容,表格也跟着修改问题解决

387 阅读1分钟

当触发dialog开关需要的当前行的数据显示在dialog中

原来的写法是这样的:

edit(value) {
    this.form = value
}

这样的赋值是有问题的,因为后者是Object对象类型,如果直接赋值,属于浅拷贝,赋值的是地址,会导致弹窗改变值的时候表格随着改变,因为属于一个变量

所以要改为深拷贝。将赋值操作改为:

edit(value) {
    this.form = JSON.parse(JSON.stringify(value))) 
}