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 filter格式化時間戳時間成標準日期格式的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
使用Vue.observable()進行狀態(tài)管理的實例代碼詳解
這篇文章主要介紹了使用Vue.observable()進行狀態(tài)管理的實例代碼，本文通過代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
vue+elementUI的select下拉框回顯為數字問題
這篇文章主要介紹了vue+elementUI的select下拉框回顯為數字問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要為大家詳細介紹了如何基于Vue實現我的錢包充值功能,文中的示例代碼簡潔易懂,具有一定的借鑒價值,有需要的小伙伴可以參考一下2024-01-01
這篇文章主要為大家詳細介紹了vue實現輪播圖幀率播放，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
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
今天小編就為大家分享一篇vue自定義switch開關組件,實現樣式可自行更改，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要為大家詳細介紹了使用Vuex做Echarts數據時,當頁面初始化后如何更新dom,文中的示例代碼講解詳細,有需要的小伙伴可以跟隨小編一起學習一下2023-11-11