router-link query传参
时间: 2023-10-20 21:33:46 浏览: 140
vue router-link传参以及参数的使用实例
5星 · 资源好评率100%
router-link 是 Vue Router 中用来导航的组件,可以通过 query 属性传递参数。
例如,如果你要在路由导航中传递一个名为 "id" 的参数,你可以这样使用 router-link:
```html
<router-link :to="{ path: '/some-path', query: { id: '123' } }">跳转到某个路径</router-link>
```
在这个例子中,跳转到 "/some-path" 的链接将会带有一个 query 参数 "?id=123"。
在目标页面中,你可以使用 `$route.query` 来访问这个参数。例如,在 Vue 组件中可以这样使用:
```javascript
export default {
mounted() {
console.log(this.$route.query.id); // 输出 123
}
}
```
希望这能回答你的问题!如果有更多疑问,请随时提问。
阅读全文