element UI table展开行置顶如何显示下面这个样子

问题遇到的现象和发生背景

element UI table展开行置顶如何显示下面这个样子、、
element UI table展开行置顶如何显示下面这个样子
element UI table展开行置顶如何显示下面这个样子

问题相关代码,请勿粘贴截图

img

运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

主要是数据处理 。 点击置顶你需要找到 当前 层级的数据 。然后 把 点击的项的数据,放到 当前层级数据的第一个。其它顺延

直接判断index===0不要置顶就可以了

[ { type:1 },{ type:2 },{ type:2 }, ],假如这是一个你要展示的数组,默认展示 第一项为置顶元素,当你点击 其他元素置顶的时候 利用 findIndex 查找到当前点击元素的下标,然后更改当前点击元素的的type值为1,其他的为2,再用splice 截取出当前点击的元素,然后再用 unshift 方法,插入到你当前表格 开头的位置;
其实上面那个做法不用处理数据也可以,每次 默认数组里的第一条数据 为置顶元素就可以