vue 带全选和多选的表格怎么写_vue element 表格自带全选框 与 自己实现的多选框全选按钮 联动...

用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

},

只是 翻页的时候，下方的全选还是选中状态，翻页如何让它跟上方的显示一样？