通过this.$router.push跳转传值,并在对应的页面取值
时间: 2023-10-17 19:18:33 浏览: 99
可以通过 `this.$router.push` 的 `query` 参数来进行传值。具体步骤如下:
1.在跳转时,通过 `query` 参数传递数据。例如:
```js
this.$router.push({
path: '/target-page',
query: {
key1: 'value1',
key2: 'value2'
}
})
```
2.在接收页面,通过 `$route.query` 获取传递的参数。例如:
```js
mounted() {
const { key1, key2 } = this.$route.query
console.log(key1, key2)
}
```
这样就可以在接收页面中获取到传递的参数了。需要注意的是,传递的参数会在 URL 中显示,因此不适合传递敏感信息。如果需要传递敏感信息,可以考虑使用 Vuex 或其他状态管理工具。
相关问题
this.$router.push怎样传值
您可以使用路由的 query 或 params 参数来传递值给目标路由。下面是两种不同的方法:
1. 使用 query 参数传值:
```javascript
this.$router.push({
path: '/target',
query: { key: value }
});
```
在目标路由中,您可以通过 `this.$route.query` 来获取传递的值。
2. 使用 params 参数传值:
```javascript
this.$router.push({
name: 'target',
params: { key: value }
});
```
在目标路由中,您可以通过 `this.$route.params` 来获取传递的值。
请注意,使用 params 参数传递值时,需要在路由配置中定义对应的参数名。例如,在路由配置中定义了 `name: 'target'`,则需要在目标路由的路径中添加参数占位符,如 `/target/:key`。
在使用this.$router.push跳转到akk.vue页面的router
我可以回答这个问题。在使用this.$router.push跳转到akk.vue页面的router,需要在router/index.js中定义路由规则,并在akk.vue中使用<router-link>或者this.$router.push进行跳转。具体实现可以参考Vue官方文档。
阅读全文