layui弹窗(layui弹窗关闭回调)

2024-11-10 13:42 生活工具

使用elementUI的表格，做一个增删改的功能。

问题

如下图所示，当修改dialog的内容时，表格也会进行修改的问题。

表格原数据

在这里插入描述

行的类别名称是AA，当我选中这行数据时，点。

在这里插入描述

进行给弹出框。

在这里插入描述

当输入类别名称时，表格的类别名称也进行了相应的修改。

如何解决

这样的情况肯定是有问题的，如何解决呢？

问题出现在：

这样的赋值是有问题的，因为后者是Object对象类型，如果直接赋值，属于浅拷贝，赋值的是地址，会导致弹窗改变值的时候表格随着改变，因为属于一个变量。

所以要改为深拷贝。将赋值作改为：

这时再来修改，就没有问题了

在使用Element UI点击按钮，弹出dialog对话框，会出现页面抖动的现象，发现弹出dialog时，样式发生了以下变化：

body的style会添加一个padding和hidden

按照以下修改即可：