关于vue中 编辑时使用 v-model时一个bug

关于vue中 编辑时使用 v-model的一个bug;

缘由: 在前端更换了vue3 +element 框架后,暴露很多问题,比如在编辑页面时就遇到 v-model时,修改数据主页面也跟着一起被修改了,在当需要校验时,就会存在校验失败了,页面存在假修改 的为问题;

如图

这样就存在加修改的情况,刷新后数据重新刷回;

这里面主要是用一个新的值接收输入值,并在并传回,这样还是不行,这样需要在传回对象体前给对象赋值,这样还是回在这里对主页面进行修改;

两个解决方法

1. 下面的代码方式;

2. 后台重新写一个更新代码,接收你页面上修改字段,使用id查询出来,修改;成功后,把新值付给对象

现在上代码

  ?
  
  ?
  

总结: 这里主要想说一下这个js 的深拷贝,var deep = = JSON.parse(JSON.stringify(data));

浅拷贝: 拷贝之后数组各个值的指针还是指向相同的存储地址