1 所有選中的資料存到乙個陣列中 selectdataarrl
2 切換 currentpage(頁碼) 或 pagesize(條數) 的時候 給當前資料新增選中狀態 this.$refs.multipletable.togglerowselection()
3 整理需要匯出的資料
1. 儲存選中的內容
@select-all="selectall" // 全選height="480px"
@select="selectchange" // 單選
ref="multipletable"
style="width: 100%;">
}
// 單獨選擇selectchange (arr,row) else
},
// 全選selectall (arr) else )
}},2. 實現選中內容打勾✔狀態;切換頁碼或者條數重新請求資料
let data =axios.post(url, data).then((response) =>
})})})}
})3.
匯出資料整理
let ids =vm.selectdataarrl.foreach(item =>
})
element table自定義樣式
現有需求如下 表頭的下邊框為預設實現，除表頭外的下線框為虛線，並且第一列的資料有下劃線 element ui 官網提供了各種方法其中 cell style可以自定義單元格的樣式，可以在定義表的時候寫入定義樣式函式為 rowstyle 然後在methods中定義方法，返回樣式物件 rowstyle e...
element table合併單元格
在使用element table這個元件的時候，發現有些資料需要合併行，有些資料又要合併列，table自帶了span method這個方法，可以根據需要進行單元格的合併。getspanarr data else else objectspanmethod else if columnindex 1 ...
element table 元件內容換行方案
後台介面，idcardno欄位。專案直接使用了el table元件 data warnings row class name highlightrow v loading isloading column label id prop id column label 時間 prop time colu...