vue带参跳转 获取参数

在 Vue 中，可以使用 `$router.push` 方法进行带参跳转，并且可以通过 `$route.params` 获取参数。

例如：

// 在 A 页面中跳转到 B 页面，并传递参数 id=1
this.$router.push({ path: '/B', params: { id: 1 } })

// 在 B 页面中获取参数 id
this.$route.params.id

其中，`$router.push` 方法中的参数可以是一个对象，也可以是一个字符串，如果是字符串，则会被解析为路由对象，并且可以通过 `this.$route.params` 获取参数。

相关问题

vue带参跳转页面并赋值

在 Vue 中，我们可以通过 `$router.push` 方法进行路由跳转，并通过 `params` 或 `query` 传递参数。

假设我们要跳转到名为 `detail` 的路由，并且需要传递一个名为 `id` 的参数，可以这样写：

this.$router.push({
  name: 'detail',
  params: {
    id: 123
  }
})

在接收参数的页面中，可以通过 `$route.params` 获取传递过来的参数，比如：

export default {
  created() {
    console.log(this.$route.params.id) // 输出 123
  }
}

如果要在跳转时传递多个参数，可以在 `params` 对象中添加多个属性。

如果需要通过 `query` 传递参数，可以将 `params` 改为 `query`，并将参数作为键值对传递，例如：

this.$router.push({
  name: 'detail',
  query: {
    id: 123,
    name: 'vue'
  }
})

在接收参数的页面中，可以通过 `$route.query` 获取传递过来的参数，比如：

export default {
  created() {
    console.log(this.$route.query.id) // 输出 123
    console.log(this.$route.query.name) // 输出 vue
  }
}

希望能对您有所帮助。

vue带参跳转到另一个页面

在Vue中，可以使用`<router-link>`或`this.$router.push()`方法实现带参跳转到另一个页面。

使用`<router-link>`实现带参跳转：

<router-link :to="{ path: '/page', query: { id: 123 }}">跳转到页面</router-link>

使用`this.$router.push()`方法实现带参跳转：

this.$router.push({ path: '/page', query: { id: 123 }})

在跳转的目标页面中，可以使用`this.$route.query`获取传递的参数：

mounted() {
  console.log(this.$route.query.id)
}