✍️
Vue解除双向绑定
在做项目时,需要开发一个个人资料修改页面,在这个页面中有个组件需要显示原始值,在修改信息的表单中,页面加载时也需要同步个人资料中的原始值。在修改表单中的信息时,个人信息显示的数据也会同步修改,但我的目的是个人信息页面数据始终保持原始值,在提交表单后,再更新组件中资料数据。
我的解决办法是使用深拷贝,JSON暴力转换,解构赋值
1 | this.user = JSON.parse(JSON.stringify(data.user)) |
此时userForm
和user
中的数据在页面加载时会同步原始数据,不会随着userForm
的数据变化而改变,在提交userForm
表单后user
中的数据才会发生变化。