关于动态显示隐藏element-ui 的table组件
原本想用v-show,因为底层是dispaly:none
不会删除dom元素,性能会更好,但是发现v-show指令不生效
因为el-table底层会添加 dispaly:table-cell属性
于是采用v-if
但是又发现一个问题,
v-if 确实能控制显示隐藏 但是会导致列的顺序发生错乱 如图
红框的地方 是我要设置字段显示隐藏的区域
于是通过遍历 el-table-column 的时候 增加:key值为不重复的随机数,
这样可以保证vue在底层通过diff算法判断虚拟tree的时候 动态生成节点,
而不作为静态资源