element UI table展开行置顶如何显示下面这个样子、、
element UI table展开行置顶如何显示下面这个样子
element UI table展开行置顶如何显示下面这个样子
主要是数据处理 。 点击置顶你需要找到 当前 层级的数据 。然后 把 点击的项的数据,放到 当前层级数据的第一个。其它顺延
直接判断index===0不要置顶就可以了
[ { type:1 },{ type:2 },{ type:2 }, ],假如这是一个你要展示的数组,默认展示 第一项为置顶元素,当你点击 其他元素置顶的时候 利用 findIndex 查找到当前点击元素的下标,然后更改当前点击元素的的type值为1,其他的为2,再用splice 截取出当前点击的元素,然后再用 unshift 方法,插入到你当前表格 开头的位置;
其实上面那个做法不用处理数据也可以,每次 默认数组里的第一条数据 为置顶元素就可以