el-table树形数据序号排序处理

1,用下面这个代码可以实现基本表格的序号排序

javascript 复制代码
 <el-table-column label="序号" width="50px" align="center">
        <template slot-scope="scope">
                {{ scope.$index + 1 }}
         </template>
  </el-table-column>

2,element ui树形结构的表格,是没有序号排序的,如果还是用上面的代码,序号排序的时候也会把数据的子节点进行序号排序

上面那个肯定不是我们想要的效果,直接上代码,看最终效果

javascript 复制代码
 this.tableData1.forEach((item, index) => {
      item.parentIndex = index + 1;
      if (item.children) {
        item.children.forEach((it, ind) => {
          it.parentIndex = item.parentIndex + "-" + (ind + 1)
        })
      }
    })

展开前

展开后

相关推荐
用户785127814703 小时前
从 0 到 1 落地淘宝商品 API 开发:手把手教你采集、分析与避坑(含完整可运行代码)
vue.js
鸿Hong5 小时前
从事Vue开发之查漏补缺:深度选择器
vue.js
小小前端_我自坚强5 小时前
vue提高技术 高级语法相关
前端·vue.js·前端框架
小小前端_我自坚强5 小时前
Vue 3 使用心得
前端·javascript·vue.js
Keepreal4966 小时前
使用Canvas绘制转盘
javascript·vue.js·canvas
ScriptBIN6 小时前
Javaweb--Vue
前端·vue.js
前端Hardy6 小时前
Vue 高效开发技巧合集:10 个实用技巧让代码简洁 50%+,面试直接加分!
前端·javascript·vue.js
@大迁世界9 小时前
第03章: Vue 3 组合式函数深度指南
前端·javascript·vue.js·前端框架·ecmascript
二十雨辰10 小时前
vite与ts的结合
开发语言·前端·vue.js
我是日安10 小时前
从零到一打造 Vue3 响应式系统 Day 25 - Watch:清理 SideEffect
前端·javascript·vue.js