vue在页面跳转实现传参
时间: 2024-05-03 10:19:40 浏览: 32
Vue传参一箩筐(页面、组件)
在 Vue 中,可以通过 `router-link` 标签或者 `router.push` 方法进行页面跳转,并且可以在跳转时传递参数。
使用 `router-link` 标签传参示例:
```html
<router-link :to="{name: 'target', params: {id: 123}}">跳转到目标页面</router-link>
```
在目标页面中,可以通过 `$route.params.id` 获取传递的参数。
使用 `router.push` 方法传参示例:
```javascript
this.$router.push({name: 'target', params: {id: 123}});
```
同样地,在目标页面中,可以通过 `$route.params.id` 获取传递的参数。
注意:如果需要在跳转时传递 query 参数,则需要在 `router-link` 标签或者 `router.push` 方法中使用 `query` 属性。在目标页面中,则需要通过 `$route.query` 获取传递的参数。
阅读全文