vue3?Table分頁保留選中狀態(tài)代碼示例
更新時間:2023年08月31日 10:52:00 作者:云霧散盡了
這篇文章主要給大家介紹了關于vue3?Table分頁保留選中狀態(tài)的相關資料,vue table組件是一個非常方便的表格組件,它可以幫助我們實現分頁和選中功能,需要的朋友可以參考下

//指定id值,數據更新之后保留之前選中的數據
const getRowKeys = (row) => {
return row.siteId;
};// 這存的是選中的數據
const userSelectionChange = (values) => {
state.selectedData = [...values];
};// 兩個數組對比,判斷表格中的數據是否開啟選中
const reserveSelection = () => {
let table = state.tableData;
table.forEach((item) => {
state.selectedData.forEach((ite) => {
if (item.siteId === ite.siteId) {
setTimeout(() => {
//讓頁面顯示選中的數據
multipleTable.value.toggleRowSelection(item, true);
}, 0);
}
});
});
};總結
到此這篇關于vue3 Table分頁保留選中狀態(tài)的文章就介紹到這了,更多相關vue3 Table分頁保留選中內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
使用Vue.observable()進行狀態(tài)管理的實例代碼詳解
這篇文章主要介紹了使用Vue.observable()進行狀態(tài)管理的實例代碼,本文通過代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
vue+elementUI的select下拉框回顯為數字問題
這篇文章主要介紹了vue+elementUI的select下拉框回顯為數字問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06
Vue基于el-breadcrumb實現面包屑功能(操作代碼)
這篇文章主要介紹了Vue基于el-breadcrumb實現面包屑功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
vue中?根據判斷條件添加一個或多個style及class的寫法小結
這篇文章主要介紹了vue中?根據判斷條件添加一個或多個style及class的寫法,文中給大家補充介紹了關于vue里:class的使用結合自己的實現給大家講解,需要的朋友可以參考下2023-03-03
Vue項目中對index.html中BASE_URL的配置方式
這篇文章主要介紹了Vue項目中對index.html中BASE_URL的配置方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-06-06

