写的一个页面包含三个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...