---- 淘宝优惠券 ----欢迎到论坛交流 ---域名问题某些图片和js资源无法访问,导致一些代码实例无法运行!(代码里gzui.net换成momen.vip即可)

vue+element-ui项目的分页,返回默认显示第一页的问题

前端开发 蚂蚁 546℃ 0评论

html

<el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        layout="total, sizes,prev, pager, next,jumper"
        :page-size="listQuery.pageSize"
        :page-sizes="[5,10,15]"
        :current-page.sync="listQuery.pageNum"
        :total="total">
      </el-pagination>

created

let storage = window.sessionStorage;  
      let currentPage = storage.getItem('productPage');
      if(currentPage){this.listQuery.pageNum = Number(currentPage)};

storage.removeItem('productPage');//使用后删除,否则从其他页面进来也不一定是第一页

获取列表的函数后面

let storage = window.sessionStorage; 
storage.setItem('productPage',this.listQuery.pageNum);

转载请注明:有爱前端 » vue+element-ui项目的分页,返回默认显示第一页的问题

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情