element-分页器切换页面监听数据

el-pagination 分页标签

• layout --- 是布局
• current-change --- 监听页面改变，也可以监听当前是第几页，从1算起
• total --- 每一页中的条数，一般选择动态改变值，因为每一页中请求后台给的条数不一定相同

template：

<el-pagination background layout="prev, pager, next" @current-change="curPage" :total="totals"></el-pagination>

javaScript:

data() {
    return {
       pages:0://---一般先请求第一页的数据，index为0；
       totals:0//---先给个初始值0条，当每次页面改变时 再请求并返回 跳转页面的条数
      }
  },
methods:{
  curPage(e){
        console.log(e);//--- 点击所在的页面，从 1 开始算起
        this.pages=e-1;//--- 请求数据第几页， 从 0 开始算起 ， 所以要 减一
        this.rendering();//--- 重新渲染请求回来的数据，这里的函数需要自己另外封装
    },
}