Vue.js结合Element-UI实现分页跳转其他页面，从其他页面返回时记住之前点击的页数代码实现

在Vue.js结合Element-UI实现分页跳转其他页面时，可以通过路由传参的方式记录之前点击的页数。具体实现代码如下：

1. 在分页组件中，添加一个点击事件，将当前页数保存到路由参数中：

<template>
  <div>
    <el-pagination
      @current-change="handleChange"
      :current-page="currentPage"
      :page-size="pageSize"
      :total="total">
    </el-pagination>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        currentPage: 1,
        pageSize: 10,
        total: 100,
      };
    },
    methods: {
      handleChange(currentPage) {
        this.$router.push({ path: '/list', query: { page: currentPage } });
      }
    }
  };
</script>

2. 在列表页组件中，从路由参数中取出之前点击的页数，并设置到分页组件中：

<template>
  <div>
    <my-pagination :current-page="currentPage" :page-size="pageSize" :total="total"></my-pagination>
  </div>
</template>

<script>
  import MyPagination from '@/components/MyPagination.vue';

  export default {
    components: { MyPagination },
    data() {
      return {
        currentPage: 1,
        pageSize: 10,
        total: 100,
      };
    },
    mounted() {
      this.currentPage = parseInt(this.$route.query.page) || 1;
    }
  };
</script>

这样，当用户从列表页点击分页跳转到其他页面后，再返回列表页时，就会自动显示之前点击的页数。