Vue自定义指令和v-show无法隐藏element-ui table组件 el-table-column的原因

1. v-show

v-show起作用的本质是利用display:none控制隐藏

element-ui table组件el-table-column的td是利用了display: table-cell 控制显示,如下图所示

而display:table-cell的优先级又高于display:none,所以v-show失效了

2. Vue自定义指令

 在执行自定义指令时该el-table-column所代表的dom节点还未完全生成,在结构中仅仅只有一个根div,也就是说自定义指令在dom尚未完全生成之前就已执行,所以无法进行操作。

参考文章:Vue自定义指令无法隐藏el-table-column

猜你喜欢

转载自blog.csdn.net/a1059526327/article/details/109056202