
elementui 对话框嵌套分页表格中的分页闪烁问题
问题描述
在 elementui 中,将一个表格嵌套在对话框中,并且表格使用分页功能。切换到下一页后,之前的页面仍作为背景显示。
解决方案
将对话框移到表格外部,如下所示:
模板
查看
脚本
data() {
return {
...,
permissionRoleId: null,
}
},
methods: {
openPermissionDialog(id) {
this.permissionRoleId = id;
this.permissionDialogue = true;
},
closedPermissionDialog() {
this.permissionRoleId = null;
},
},
原因
将对话框写在表格列中,相当于在每行创建一个独立的对话框。当切换分页时,只有最上层的对话框会更新,而其他对话框仍然保持之前的状态,从而导致之前的分页显示为背景。










