vue实现分页

最新推荐文章于 2022-08-01 10:00:42 发布

my sweet heart

最新推荐文章于 2022-08-01 10:00:42 发布

阅读量354

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_41552648/article/details/110195084

版权

vue实现分页

<el-pagination
          @current-change="handleCurrentChangeSource"
          :current-page="queryParams.pageNum"
          :page-size="queryParams.pageSize"
          layout="prev, pager, next"
          :total="queryParams.total">
</el-pagination>

data(){
	return{
		queryParams: {
       		 pageNum: 1,
        	pageSize: 10,
       		 total:null
        }
}

getList() {
      listAssetinfo1(this.queryParams).then(response => {
        this.assetinfoList = response.rows;
        this.queryParams.total = response.total;
      });
    },
handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
handleCurrentChangeSource(val) {
    this.queryParams.pageNum = val;
    this.getList()
    },