后端有时候会直接返回一个[{}{}{}{}.....]这样的数据结构,那么前端可以采用截取方式实现一个分页效果,代码如下
:data="datalist"//datalist是一个方法
//-----------------------------------他是table标签里的data
<el-table
ref="tableSortRef"
border
:data="datalist"
:height="state.height"
size="small"
stripe
style="height: 580px"
@selection-change="setSelectRows"
>
//--------------------------------------------------------js部分
const datalist = computed(() => {
// 分页的起始下标
const startIndex = (state.queryForm.pageNo - 1) * state.queryForm.pageSize
// 分页的末尾下标
const endIndex = startIndex + state.queryForm.pageSize
return state.list.slice(startIndex, endIndex)
})
//-------------------------------------------------------分页事件正常给就行
const handleSizeChange = (val: number) => {
state.queryForm.pageSize = val
}
const handleCurrentChange = (val: number) => {
state.queryForm.pageNo = val
}
//--------------------------------------------------------总页数给的是数组的length
<el-pagination
v-if="state.pagination"
background
:current-page="state.queryForm.pageNo"
:layout="state.layout"
:page-size="state.queryForm.pageSize"
:total="state.list.length"
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
/>
快去试试行不行,不行请赶快在换一个csdn