(一) 要实现这种效果可以使用JavaScript的数组api。
如下:
unshift():向数组的开头添加一个或更多元素,并返回新的长度。
shift():删除并返回数组的第一个元素。
splice() :删除元素,并向数组添加新元素。
push() :向数组的末尾添加一个或更多元素,并返回新的长度。


tableRowClassName==>为el-table 的一个方法 可以拿到可以拿到行数据和行索引

!!我们需要设置当前行的index为固定值 也就是说当前行的index 为固定的 哪一行移动上来的 当前行数据的index跟设定的行index必须一致

向上移动:val为列表数组,ind为点击项的索引。

向下移动:val为列表数组,ind为点击项的索引。

一键置顶 :val为列表数组,ind为点击项的索引。。

一件置底:val为列表数组,ind为点击项的索引。

这篇博客探讨了如何利用JavaScript的数组方法unshift(), shift(), splice()和push()来实现列表元素的上下移动以及一键置顶和置底功能。在el-table中,通过tableRowClassName方法获取行数据和索引,结合这些数组API,可以精确控制行的展示顺序,尤其适用于动态调整数据展示的需求。
120

被折叠的 条评论
为什么被折叠?



