router-link的to传参方式
时间: 2023-10-20 20:17:39 浏览: 116
详解如何使用router-link对象方式传递参数?
在Vue.js应用程序中,可以通过router-link组件进行路由导航。可以使用to属性来指定目标路由。to属性可以是一个字符串或是一个对象,如果是一个对象,可以通过query属性来传递参数。例如:
```
<router-link :to="{ path: '/user', query: { userId: 123 }}">User</router-link>
```
这里的path表示目标路由的路径,query表示要传递的参数。在目标路由的组件中,可以通过$router对象的query属性来获取参数值。例如:
```
export default {
created() {
console.log(this.$route.query.userId); //输出123
}
}
```
这样就可以在Vue.js应用程序中使用router-link组件并传递参数了。
阅读全文