vue3?Table分頁保留選中狀態(tài)代碼示例
更新時間：2023年08月31日 10:52:00 作者：云霧散盡了
這篇文章主要給大家介紹了關(guān)于vue3?Table分頁保留選中狀態(tài)的相關(guān)資料,vue table組件是一個非常方便的表格組件,它可以幫助我們實現(xiàn)分頁和選中功能,需要的朋友可以參考下
//指定id值,數(shù)據(jù)更新之后保留之前選中的數(shù)據(jù)
const getRowKeys = (row) => {
return row.siteId;
};// 這存的是選中的數(shù)據(jù)
const userSelectionChange = (values) => {
state.selectedData = [...values];
};// 兩個數(shù)組對比，判斷表格中的數(shù)據(jù)是否開啟選中
const reserveSelection = () => {
let table = state.tableData;
table.forEach((item) => {
state.selectedData.forEach((ite) => {
if (item.siteId === ite.siteId) {
setTimeout(() => {
//讓頁面顯示選中的數(shù)據(jù)
multipleTable.value.toggleRowSelection(item, true);
}, 0);
}
});
});
};總結(jié)
到此這篇關(guān)于vue3 Table分頁保留選中狀態(tài)的文章就介紹到這了,更多相關(guān)vue3 Table分頁保留選中內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
今天小編就為大家分享一篇Vue filter格式化時間戳時間成標準日期格式的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
使用Vue.observable()進行狀態(tài)管理的實例代碼詳解
這篇文章主要介紹了使用Vue.observable()進行狀態(tài)管理的實例代碼，本文通過代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
vue+elementUI的select下拉框回顯為數(shù)字問題
這篇文章主要介紹了vue+elementUI的select下拉框回顯為數(shù)字問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要為大家詳細介紹了如何基于Vue實現(xiàn)我的錢包充值功能,文中的示例代碼簡潔易懂,具有一定的借鑒價值,有需要的小伙伴可以參考一下2024-01-01
這篇文章主要為大家詳細介紹了vue實現(xiàn)輪播圖幀率播放，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
Vue基于el-breadcrumb實現(xiàn)面包屑功能(操作代碼)
這篇文章主要介紹了Vue基于el-breadcrumb實現(xiàn)面包屑功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-09-09
vue中?根據(jù)判斷條件添加一個或多個style及class的寫法小結(jié)
這篇文章主要介紹了vue中?根據(jù)判斷條件添加一個或多個style及class的寫法,文中給大家補充介紹了關(guān)于vue里:class的使用結(jié)合自己的實現(xiàn)給大家講解，需要的朋友可以參考下2023-03-03
Vue項目中對index.html中BASE_URL的配置方式
這篇文章主要介紹了Vue項目中對index.html中BASE_URL的配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
vue自定義switch開關(guān)組件,實現(xiàn)樣式可自行更改
今天小編就為大家分享一篇vue自定義switch開關(guān)組件,實現(xiàn)樣式可自行更改，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Vuex進行Echarts數(shù)據(jù)頁面初始化后如何更新dom
這篇文章主要為大家詳細介紹了使用Vuex做Echarts數(shù)據(jù)時,當頁面初始化后如何更新dom,文中的示例代碼講解詳細,有需要的小伙伴可以跟隨小編一起學習一下2023-11-11