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

相關文章
相關標籤/搜索