写的一个页面包含三个tab,相互切换的时候,有个tab的列就错位了,详情列内容显示的是编辑按钮,查了资料发现是涉及table切换的时候,vue底层会公用相同的列dom,导致显示错误,可以通过在el-table加key属性来解决,之前看到过,不知道是什么作用,查element-ui没查到,今天出现问题之后知道原来是起这个作用的。
引用资料:https://blog.csdn.net/weixin_38318244/article/details/106571887
element-ui中的el-table-column使用v-if导致列位置与数据错乱
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 当对表格中列根据需求显示隐藏时,发现列对应的数据发生错乱,如下: 解决方法:在 el-table-column 中...
- 场景:el-table新加列后表头错位css处理方法 转自大牛博客,在此只做个人学习记录[https://blog...
- 先放效果:树型表格默认收起状态,展开后子表格也要获得序号,如下图。 方法:通过动态绑定属性 row-class-n...
- tabletext(封装table页面代码) https://blog.csdn.net/weixin_43886...
- 资料 element-ui 中文官网[http://element-cn.eleme.io/#/zh-CN]ele...
