本文探讨了在Element UI框架中使用Vue的v-show和v-if指令来隐藏表格列时的不同效果及原因。由于v-show本质上是通过display:none实现隐藏，而Element UI的表格组件使用了display:table-cell，导致v-show无法生效。文章建议使用v-if，并给出了解决由此引发的表格样式错乱的方法。
问题：
当我们在想对表格的某一列进行隐藏的时候，采用了v-show进行隐藏，但是发现似乎隐藏不了
原因：
v-show起作用的本质是利用display:none控制隐藏
element-ui table组件el-table-column的td是利用了display: table-cell 控制显示
而display：table-cell的优先级又高于display：none，所以v-show失效
解决办法：
采用v-if的方式进行解决，但这样会伴随一个问题，可能会导致表格样式错乱，可以给每一列加入一个key即可。例如：
扫一扫
5894
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
