element-table表格点击详情页返回之前的页码

最新推荐文章于 2025-05-15 11:23:19 发布

原创

最新推荐文章于 2025-05-15 11:23:19 发布 · 6.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#element-ui表格 #element-table #element-ui表格进入详情页返回页码不变 #进入详情页返回页码不变 #element表格table 进入详情页返回页码不变

我这里用到的本地存储，然后可以直接把这段代码粘到请求前后，适当的位置上就可以实现，代码在图片下面~~

欢迎大家留言交流~~~~

在这里插入图片描述

//详情页
<el-button size="small" @click="goBackList">返回</el-button>
 goBackList() {
      localStorage.setItem('nowPage', JSON.stringify('77'));
      this.$router.push({ name: "user" });
    },

//表格页
   if (JSON.parse(localStorage.getItem("nowPage")) === "77") {
        params = JSON.parse(localStorage.getItem('newCacheData'))
        this.searchForm.pageNum = JSON.parse(localStorage.getItem('newCacheData')).pageNum
      } 
      localStorage.setItem("newCacheData", JSON.stringify(params));
	这里放请求
localStorage.setItem("nowPage", JSON.stringify("88"));

index页

import cryptojs from "@/utils/cryptojs";
created: function() {
    this.shipperInfoList();
    if (this.$route.query.searchVal) {
      const searchData = JS