用Vue + Element 做一个复杂点的表格,只是 翻页的时候,下方的全选还是选中状态,翻页如何让它跟上方的显示一样?
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
background
:page-sizes="[5, 10, 20, 30, 40]"
:page-size="pagesize"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData.length">
全选
确定
data(){
return {
checkAll: false,
isIndeterminate: false,
multipleSelection: [],
tableData: [],
currentPage: 1,
pagesize: 10,
page: 1
}
},
methods: {
getRowKeys(row) {
return row.number
},
handleSelectionChange(val) {
let vlength = val.length
this.multipleSelection = val
this.checkAll = vlength === this.pagesize
this.isIndeterminate = vlength > 0 && vlength < this.pagesize
},
handleCheckAllChange() {
this.$refs.multipleTable.toggleAllSelection()
this.isIndeterminate = false
},
handleSizeChange(psize) {
this.pagesize = psize
},
handleCurrentChange(cpage) {
this.currentPage = cpage
},
只是 翻页的时候,下方的全选还是选中状态,翻页如何让它跟上方的显示一样?