基于elenent VUE简单的分页查询~

话不多说直接上效果图~

下面是代码~

html里

<el-pagination background @current-change=“handleCurrentChange” :current-page=“currentPage” :page-size=“pageSize"layout=” prev, pager, next" :total=“totalNum” >

data里

  currentPage: 1, //默认显示第一页
  pageSize: 3, //默认每页显示条
  totalNum: 0 //总页数

methods里

 handleCurrentChange(val) {
  console.log(`当前页: ${val}`);
  this.currentPage = val; //动态改变
},

请求里的参数~

page: this.currentPage,
page_count: this.pageSize