vue使用element-plus分页

分页的要求<template>中:

    <div class="example-pagination-block">
        <el-pagination
        background
        :page-size="page"       //页数
        :current-page="limit"   //每页内容条数
        :total="totalPage"      //总页数
        @size-change="sizeChangeHandle"    //绑定分页数量的方法
        @current-change="currentChangeHandle"    //绑定当前页为几页的方法
        layout="prev, pager, next"/>
     </div>

<script>中

    sizeChangeHandle (val) {
      // 把每页的数量给到pageSize
      this.pageSize = val
      // 当前页
      this.pageNum = 1
      this.homedata()     //调用所有数据的方法
    },
    // 当前页为第几页
    currentChangeHandle (val) {
      // 当前页数
      this.pageNum = val
      this.homedata()     //调用所有数据的方法
    }

猜你喜欢

转载自blog.csdn.net/weixin_58148116/article/details/130308785