element-table的一些问题

关于动态显示隐藏element-ui 的table组件
原本想用v-show,因为底层是dispaly:none
不会删除dom元素,性能会更好,但是发现v-show指令不生效
因为el-table底层会添加 dispaly:table-cell属性

于是采用v-if
但是又发现一个问题,
v-if 确实能控制显示隐藏 但是会导致列的顺序发生错乱 如图

table.png

红框的地方 是我要设置字段显示隐藏的区域

于是通过遍历 el-table-column 的时候 增加:key值为不重复的随机数,
这样可以保证vue在底层通过diff算法判断虚拟tree的时候 动态生成节点,
而不作为静态资源

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容