vue2怎么实现一个页面跳转到另一个页面并且携带当前页面参数

在 Vue.js 中，实现从一个页面跳转到另一个页面并传递参数通常使用路由（Router）。Vue Router 是一个官方推荐的客户端路由库，它可以帮助你在单页应用（SPA）中管理页面之间的导航。

首先，你需要安装 Vue Router，可以使用 `npm install vue-router` 或者 `yarn add vue-router` 来添加。

接下来，在你的项目中配置 `router.js` 文件：

import Vue from 'vue';
import Router from 'vue-router';

// 定义你的路由对象和组件
const routes = [
  {
    path: '/page1',
    name: 'Page1',
    component: Page1Component,
    // 你可以在这里定义动态参数，如：
    params: {
      id: '{id}'
    }
  },
  {
    path: '/page2/:paramId', // 使用动态路径参数 :paramId
    name: 'Page2',
    component: Page2Component
  }
];

// 创建路由器实例
const router = new Router({
  routes
});

// 然后在需要跳转的地方，使用 this.$router.push() 方法
export default router;

// 页面间跳转示例
methods: {
  goToPageTwo(param) {
    // 调用时传入参数
    this.$router.push(`/page2/${param.id}`);
  }
}

在这个例子中，当你想从 `Page1` 跳转到 `Page2` 并携带 `id` 参数，只需在 `goToPageTwo` 方法中设置该参数，并通过 `this.$router.push()` 调用。