vue2路由跳转新页面携带参数

在 Vue 2 中，如果你想要通过路由跳转到新的页面并传递参数，你可以使用 `this.$router.push` 或者 `this.$router.go` 方法，并配合动态路由参数。这里是一个基本的例子：

// 在某个组件内部，假设有一个按钮点击事件
this.$router.push({
  name: 'targetPage', // 如果是按照命名路由跳转
  params: { // 这里是你要传递的参数对象
    id: 'parameter_value' // 参数名和值
  }
})

// 或者直接指定路径和参数
this.$router.push('/path/:paramName/value') // 使用动态路由，`:paramName` 将会被实际参数替换

// 如果你想使用 go 方法（不会添加历史记录）
this.$router.go({
  path: '/new-page?param=value' // 查询字符串形式传递参数
})

在目标页面（例如，`TargetPage.vue`）中，可以接收这些参数：

<template>
  <div>
    <h1>Target Page</h1>
    {{ $route.params.id }}
  </div>
</template>

<script>
export default {
  computed: {
    paramValue() {
      return this.$route.params.id;
    }
  }
}
</script>