云倾万里

无人问津的港口,总是开满鲜花

0%

Vue解除双向绑定

✍️

Vue解除双向绑定

在做项目时,需要开发一个个人资料修改页面,在这个页面中有个组件需要显示原始值,在修改信息的表单中,页面加载时也需要同步个人资料中的原始值。在修改表单中的信息时,个人信息显示的数据也会同步修改,但我的目的是个人信息页面数据始终保持原始值,在提交表单后,再更新组件中资料数据。

我的解决办法是使用深拷贝,JSON暴力转换,解构赋值

1
2
this.user = JSON.parse(JSON.stringify(data.user))
this.userForm = data.user

此时userFormuser中的数据在页面加载时会同步原始数据,不会随着userForm的数据变化而改变,在提交userForm表单后user中的数据才会发生变化。

Welcome to my other publishing channels