[vue3项目实战小问题]proxy转普通对象

高山我梦口香糖

已于 2022-06-10 14:22:53 修改

阅读量1.1w

点赞数 4

分类专栏：编程经验文章标签： vue.js 前端 javascript

于 2022-06-09 12:41:03 首次发布

本文链接：https://blog.youkuaiyun.com/Madman528/article/details/125200392

版权

编程经验专栏收录该内容

26 篇文章

订阅专栏

在编辑用户功能中，遇到对象是Proxy类型的问题。为避免未提交时表格数据变更，采取将Proxy对象转化为普通对象并深拷贝的策略。通过`JSON.parse(JSON.stringify(user))`实现深拷贝，确保在修改副本时不会影响原数据。这种方法确保了用户编辑过程中表格数据的稳定性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击编辑,把当前行的对象传过去,但是我拿到的一个proxy

怎么办?没关系,转为普通对象就可以操作了 ,好像不转也可以,,state里面本身就是proxy

//编辑用户
const editUser  = (user)=>{
  //  console.log(o.id);//传过来的是一个proxy
   state.userFormData = JSON.parse(JSON.stringify(user))
  //  state.userFormData = user
   state.dialogTitle='编辑用户'
   state.userFormDialogVisible=true
  //  console.log(obj);
}

为什么要这样做?

如果不深拷贝的话,更改的时候表格还没提交也会跟着改