前言:点击编辑 后端给的数据格式可见是字符串
picture: "[{\"name\":\"1.jpg\",\"url\":\"customerTemplateField/2023-02-28/f1fdbfca-4f36-4876-b0db-74fefcd8a6cf-1.jpg\"}]"
代码如下:
我是点击编辑之后拿到本行数据 然后JSON.parse转换成对象 问题出现:第一次点击编辑 图片能正常回显,第二次再次点击这行数据报错
排查问题:
第一次点击正常回显,第二次点击失败报错,提示是一个对象不能JSON.parse,输出得知此时的row.picture已经是一个对象,这是因为响应式问题,第一次点击已经转换成了对象,第二次再次点击 是对象在进行JSON.parse所以报错
解决问题
深拷贝一下数据 在拷贝的数据上进行操作即可!这样就不会影响源数据