vue+element-ui裡面table元件多選框實作批量操作
有時候人不是被困難難倒的，是被自己蠢哭的。。。官方文檔用到某個地方的時候，才感覺對這個方面的了解才會加深一點，還是要記錄一下這個地方！
具體要實作的細節
點選表頭的複選項，會進行全選；再次點選，會取消；
每次需要把選中該行的id傳過去
切換分頁的時候，需要有記憶功能：也就是翻頁原本選中的不應該消失 。下方圖檔展示：(展示的是所有的選中的，切換分頁的)
第一步添加對應的複選框
具體參照element官網示例
第二步傳id過去的話
這個是頁面布局
// 點選多選
handleSelectionChange(val) {
this.multipleSelection = val;
this.batchPassArr = [] //每次點選需清空原本數組的内容
this.multipleSelection.map(item => { //周遊數組，把id存進自定義的數組裡
this.batchPassArr.push(item.id)
})
this.batchPassArr = this.batchPassArr.join(',')
},
第三步對于切換分頁
在表頭那裡加個:row-key="(row)=>{ return row.id}"
也就是下面這個樣子
在自己加的裡面加個
:reserve-selection="true"
也就是下面這個
平安夜快樂！！！
有問題的地方，可以多多指導