其实这个也不是vue.js特有的问题，只是我在项目中使用vue.js遇到的问题，其它比如React.js等框架解决方法类似。
问题描述
当点击设置角色进行编辑名称的时候，列表中的名称也跟着发生改变，当没有保存而是直接关闭的时候列表中的数据发生了改变
网络异常，图片无法展示
|
问题分析：
这种情况就是直接点击这一行数据就把当前这行数据row赋值给了form表单，form和row指向的同一条数据导致的，当修改form表单里面的数据的时候就更改了row里面的数据
解决方案：
要解决这个问题就需要浅拷贝一份这行数据
this.form = Object.assign({}, row);
网络异常，图片无法展示
|
这样就把当前行数据进行拷贝了一份，不会影响原数据。
