element-ui table行点击获取行索引(index)并利用索引更换行顺序

1)将每一行的索引插入操做行中,即为每一行数据添加一个属性index
使用el-table已经给处的方法:tableRowClassNamehtml

html中:
<el-table :row-class-name="tableRowClassName"></el-table>spa

js中:只需放入methods中便可,el-table会自动触发(不知道为何贴源码不行啊)
image.png
点击进行事件操做:
image.png
在el-table-column中加入slot,能够拿到当前点击列所属的行,并完成对其从新排列
js中:
image.png3d

相关文章
相关标签/搜索