table:data="
tabledata
"border
ref="
multipletablechannel
"@selection-change="
selectchannel
"style="
width: 100%
">
column
type="
selection
"width="
55">
column
type="
index
"width="50"
align="
center
"label="
序號"/>
column
prop="
date
"align="
center
"label="
商戶名稱
">
column
prop="
name
"align="
center
"label="
聯絡人">
column
prop="
address
"align="
center
"label="
聯絡**
">
v-show="
total>0
":total="
total
"layout="
total,prev, pager, next
":page.sync="
queryparams.pagenum
":limit.sync="
queryparams.pagesize
"@pagination="
getlist
" />
multipleselectionall: , // 所有選中的資料報含跨頁資料multipleselection: , // 當前頁選中的資料
idkey: 'id', // 標識列表資料中每一行的唯一鍵的名稱(需要按自己的資料改一下)
// 設定選中的方法setselectrow()
// 標識當前行的唯一鍵的名稱
let idkey = this.idkey;
let selectallids = ;
let that = this;
this.multipleselectionall.foreach(row=>)
this.$refs.table.clearselection();
for(var i = 0; i < this.tabledata.length; i++)
}} ,
// 記憶選擇核心方法
changepagecorerecorddata ()
// 總選擇裡面的key集合
let selectallids = ;
this.multipleselectionall.foreach(row=>)
let selectids =
// 獲取當前頁選中的id
this.multipleselection.foreach(row=>
})let noselectids = ;
// 得到當前頁沒有選中的id
this.tabledata.foreach(row=>
})noselectids.foreach(id=>}}
})console.log(that.multipleselectionall)
},handlecurrentchange(val),
handleselectionchange1 (val) ,
query () else
settimeout(()=>, 200)
},
element ui分頁多選，翻頁記憶
先說需求 實時記錄當前選中的分頁中的列表，分頁儲存資料，然後在用選中的資料進行某些操作 ps 左下角的數字為記錄的當前選中的列表的和 直接上可用的 前提已配置好各種環境 html部分 10 js部分 export default methods handleselectionchange val 5...
Element UI 的分頁元件
sizechange size 當使用者單擊任意頁碼或實現頁面跳轉時會觸發current page屬性的變化。currentchange current 擷取頁數 woekeralldata.slice pagenumber currentchangeindex 1 pagenumber curre...
element ui實現前端分頁
element ui裡的分頁元件 size change handlesizechange current change handlecurrentchange current page page page sizes 20,50,100 background page size limit lay...