v-show控制el-table中的列不生效

一、项目场景

后台管理系统vue2.0+element-ui

二、问题描述

列表+弹框
列表中有一列是内容，内容不同点击弹框，弹框出现的el-table中列不同，控制不同弹框显示不同的列，如果用v-if可以实现，用v-show不行

三、原因分析

v-show起作用的本质是display:none，
而因为td的display: table-cell；权限高于display:none，
所以v-show失效；
v-if切换标签显示隐藏时，多个相同的标签被渲染，需要使用key来区分，否则就会出现多个复用的情况
链接: https://blog.csdn.net/weixin_47272275/article/details/125488346