本文记录了一个在Vue中使用Element UI弹窗时遇到的问题，即表单回显数据在第二次点击时消失。原因是由于浅拷贝导致的数据清除。通过分析数据结构和回显方法，发现在关闭弹窗时对`ruleForm.useTime`的初始化操作影响了数据。为解决此问题，采用了JavaScript的structuredClone进行深拷贝，从而确保数据正确回显。
记录一个bug，就是点击列表的修改按钮，应该显示弹框并且回显数据，但是突然发现第一次点击有数据，第二次没有？？？
如图所示：
第一次点击
第二次点击
仅仅这个使用时间第二次就没有回显？？
再看看这条数据的结构和回显的方法
是不是感觉没啥子问题？
当我对row.userTime打印两次发现，第一次有值，第二次没有了，而关掉弹框的时候我对this.ruleForm.useTime进行了初始化，导致这个值被清除了。这就涉及到了js的浅拷贝深拷贝问题。如果我们让a等于一个对象，然后让b等于a，其实他们引用的都是这个对象。
解决方式是使用了structuredClone（结构化克隆）
代码如下
解决问题！
有不足之处请各位指出～
扫一扫
2437
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
