elementui 对话框嵌套分页表格中的分页闪烁问题
<h3>问题描述</h3>
在 elementui 中，将一个表格嵌套在对话框中，并且表格使用分页功能。切换到下一页后，之前的页面仍作为背景显示。
<h3>解决方案</h3>
将对话框移到表格外部，如下所示：
模板
<template>
<el-table>
<el-table-column label="权限信息" prop="permission">
<template slot-scope="scope">
<el-button size="mini" slot="reference" @click="openpermissiondialog(scope.row.id)">查看</el-button>
</template>
</el-table-column>
</el-table>
<el-dialog title="角色权限信息" :visible.sync="permissiondialogue" width="40%" @closed="closedpermissiondialog">
<permissiontable :roleid="permissionroleid"></permissiontable>
</el-dialog>
</template>脚本
data() {
return {
...,
permissionRoleId: null,
}
},
methods: {
openPermissionDialog(id) {
this.permissionRoleId = id;
this.permissionDialogue = true;
},
closedPermissionDialog() {
this.permissionRoleId = null;
},
},<h3>原因</h3>
将对话框写在表格列中，相当于在每行创建一个独立的对话框。当切换分页时，只有最上层的对话框会更新，而其他对话框仍然保持之前的状态，从而导致之前的分页显示为背景。
以上就是ElementUI 对话框嵌套分页表格，分页切换后出现闪烁问题如何解决？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
658
收藏
