导致的问题:
前端分页之后table中的勾选框选不中
<el-table :data="tableDataList"></el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[10, 15,20, 50]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData.length">
</el-pagination>
data(){
return {
tableData:[],
currentPage: 1,
pageSize: 10,
taskTotal: 0,
}
}
methods中的方法
handleSizeChange (size) {
this.pageSize = size
},
handleCurrentChange (currentPage) {
this.currentPage = currentPage;
},
解决方法:
使用computed属性
computed: {
tableDataList () {
return this.tableData.slice((this.currentPage-1)*this.pageSize,this.currentPage*this.pageSize)
}
},