【无标题】

vue v-model双向绑定在表单修改时造成表格数据会同时改变的问题

刚刚接触vue，用来写了一个简易的后台数据管理系统，发现在做修改功能时，对修改表单进行数据修改时，表格中的数据也会同步修改，并且即使没有点击提交，取消弹出框以后还是会保留修改后的样子，要重新进行数据获取才会显示原来的样子

 

 这样子就很难以接受，即使是一个练手项目，还是需要将这个问题解决，所以我进行了百度，发现可以使用Object.assign方法进行对象复制，然后将data中的数据赋值为这个对象，在确认修改后，再进行提交

参考博客https://www.cnblogs.com/zbbk/p/13731305.html

我根据这个博客所说的步骤，修改了我自己的代码

 等于就是再数据回显的时候将回显的数据复制到了copy对象中，然后修改copy对象，这样就避免了双向绑定造成页面数据的同步修改

修改后就可以自由修改了