elementui的表格在使用v-if之后列的顺序错乱问题

一，原因

出现错乱的条件有两个

1、el-table-column的template中使用 slot-scope=“scope”

2、el-table-column中使用 v-if="…"

二，解决办法

给每个列增加一个独一无二的key就可以了

  ></el-table-column><el-table-columnprop="item_subtotal"label="小计"align="center"key="36"></el-table-column><el-table-columnprop="special_price_coupon_saving"label="特价优惠"align="center"key="37"></el-table-column><el-table-columnprop="create_date"label="时间"align="center"key="38">

elementui的表格在使用v-if之后列的顺序错乱问题相关推荐

element-ui table 表格内出现一根横线
element-ui table 表格内出现一根横线 element-ui table表格组件 , 在使用固定左侧列的时候 , 而且只有在数据只有一行的时候 , 经常会出现这种情况 , 底部出现一根 ...
Vue+element-ui 实现表格的分页功能示例
Vue+element-ui 实现表格的分页功能示例 template部分: <el-table:data="tempList":header-cell-style=&quo ...
datagrid vue_类似 easyui 中 datagrid 使用习惯的 element-ui 数据表格组件（el-datagrid）...
背景 element-ui 中的 el-table 组件只提供了数据展示,而分页功能作为一个单独的组件 el-pagination,并没有像 Ant Design 一样集成到 el-able 组件中, ...
[vue-element] ElementUI使用表格组件时有遇到过问题吗？
[vue-element] ElementUI使用表格组件时有遇到过问题吗? @isbase Object.freeze 这算是一个性能优化的小技巧吧.在我们遇到一些 big data的业务场景,它就 ...
elementUI之表格排序失效，表格宽度可拖拽变宽变窄
一.elementUI之表格排序失效在elementUI官网有介绍到给表格排序的方法之所以失效是因为我没在<el-table-column>上加上prop='stime' 原本,如果内 ...
elementui[el-table]表格全选操作以及翻页选中取消相关效果
elementui的表格默认是没有所有数据选中的操作的,仅仅只是选中当前页的10条或者20条数据,因此我们需要自己手动加入一个全选操作的按钮.以此来将数据全部选中保存. 总体来看无非就是几步操作而已. ...
elementUI table表格合并相同的内容
elementUI table表格合并相同的内容 1.表格和数据表格是这样数据(由于数据太多,只展示了几个) tableData: [{one: '1 . 产出指标',two: '1 .1 数量指 ...
elementui固定表格头部
elementui固定表格头部 el-table的高度超出页面,头部固定,下面滚动,设置height="calc('100% - 48px')" <template>& ...
ElementUI的表格换行符失效、不换行
后台返回的接口数据 '"名称:示例↵ID:717",在表格种并没有换行,原因是elementUI 在表格样式中写了white-space: normal; (normal空白会被浏 ...
使用element-ui使用表格展示微信头像
要求:使用element-ui使用表格展示微信头像借鉴的原博:https://blog.csdn.net/qq_41588568/article/details/100196905 效果图: < ...

elementui的表格在使用v-if之后列的顺序错乱问题

一，原因

二，解决办法

elementui的表格在使用v-if之后列的顺序错乱问题相关推荐

最新文章

热门文章