vue element 分頁
阿新 • • 發佈：2021-10-29
<el-pagination
:current-page="currentPage"
:page-sizes="[10, 30, 50]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="totalCount"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
handleSizeChange(val) {
// console.log("每頁" + val + "條");
// this.pageSize 是請求表格資料介面中的引數 設定表格每頁顯示多少條資料
this.pageSize = val
this.loadTableData() // 調錶格資料的介面
},
handleCurrentChange(val) {
this.currentPage = val
this.loadTableData()
},
loadTableData() {
orderList({
pageNo: this.currentPage,
pageSize: this.pageSize,
orderBy: 'update_time',
descending: true, // true 倒敘
map: {
search: this.searchinfo.trim()
}
}).then((res) => {
// console.log(res)
if (res.status === 200) {
this.tableData = res.data
this.totalCount = res.fsp.recordCount
} else {
this.$message.error(res.msg)
}
})
},
不求大富大貴，但求一生平凡