el-dialog中嵌套el-table，el-table-column使用type=“selection“，关闭弹窗后再次打开选择框消失问题

雷欧、给勃公子看茶

于 2024-03-25 11:53:40 发布

阅读量420

点赞数 3

文章标签： vue.js 前端 elementui

本文链接：https://blog.youkuaiyun.com/paaaaak/article/details/137009777

版权

文章讲述了在Vue的ElementUI中，仅在el-table-column上设置条件渲染可能无效，需将外层dialog的显示控制变量如detailDialogVisible应用到<el-table>标签上，以便实现动态列隐藏或显示，例如当nowChargeStatus等于4时显示选择列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只在el-table-column上添加判断无法生效，可以在<el-table>标签上添加一个if判断，比如说将外层dialog控制显隐的变量，同样加在el-table标签上即可。例如：

<el-dialog :visible.sync="detailDialogVisible">
	<el-table v-if="detailDialogVisible">
		<el-table-column v-if="nowChargeStatus == 4" type="selection"></el-table-column>
	</el-table>
</el-dialog>