1、确认组件是否写入:current-page.sync=”currentPage”

  1. <el-pagination
  2.         background
  3.          :page-size="pageSize"
  4.         layout="total, prev, pager, next"
  5.         :total="total"
  6.         :current-page.sync="currentPage"
  7.         @current-change="handlePagechange"
  8.          @size-change="handleSizeChange"
  9.         v-if="total!=0"
  10.       ></el-pagination>
  1. ##data里面定义：
  2. pageSize: 20,//我这里每页显示20条，这里可以自定义
  3. total: '',
  4. currentPage: ''

2、在页码选择的回调函数里面使用sessionStorage缓存

  1. handlePagechange(page) {
  2. this. currentPage=page;
  3. window.sessionStorage.setItem('currentPage',page)
  4.  },

3、在mounted生命周期函数获取缓存的数据，然后进行数据请求

  1. mounted() {
  2.    if( window.sessionStorage.getItem('currentPage')){
  3.       let currentPage = Number(window.sessionStorage.getItem('currentPage'));
  4.       ##进行业务网络请求
  5.     }else{
  6.        ##进行业务网络请求
  7.     } 
  8.   },