弹窗编辑的时候,经常会遇到修改数据的时候,数据会双向绑定,没有保存但会影响到原来的值

当修改数据的时候,

弹窗编辑的时候,经常会遇到修改数据的时候,因为数据会双向绑定,没有保存但会影响到原来的值。

解决方案是弹窗里的数据使用新的对象,当编辑的时候进行传值,然后浅拷贝到新的对象,这样修改的时候就不会影响到原来的值了。

弹窗编辑
//新对象formData默认值
const formData: any = ref({
  id: '',
  enable: true,
  percentage: '1'
})
当点击事件后,三点运算符将对象进行浅拷贝,这样修改时不会修改的原来的数据。
const edit = (item) => {
  majorEditDialog.value = true;
   formData.value = {
    ...item   //浅拷贝对象
     };
}

 

posted @ 2024-06-25 08:35  Shimily  阅读(10)  评论(0)    收藏  举报