弹窗编辑的时候,经常会遇到修改数据的时候,数据会双向绑定,没有保存但会影响到原来的值
当修改数据的时候,
弹窗编辑的时候,经常会遇到修改数据的时候,因为数据会双向绑定,没有保存但会影响到原来的值。
解决方案是弹窗里的数据使用新的对象,当编辑的时候进行传值,然后浅拷贝到新的对象,这样修改的时候就不会影响到原来的值了。
弹窗编辑
//新对象formData默认值
const formData: any = ref({
id: '',
enable: true,
percentage: '1'
})
当点击事件后,三点运算符将对象进行浅拷贝,这样修改时不会修改的原来的数据。
const edit = (item) => {
majorEditDialog.value = true;
formData.value = {
...item //浅拷贝对象
};
}
给心灵一个纯净空间,让思想,情感,飞扬!