router-link :to带参跳转 TS
时间: 2023-10-31 22:54:07 浏览: 167
Flutter路由带参跳转
在Vue.js中,可以使用router-link的to属性进行跳转,并且可以传递参数。在引用中提到了两种方式,一种是直接在to属性中传递参数,另一种是使用对象的方式传递参数。如果要在router-link中使用to属性带参跳转,可以按照以下方式进行设置:
1. 直接在to属性中传递参数:
```html
<router-link to="/user/123">User123</router-link>
```
这样可以直接将参数作为字符串传递给to属性。
2. 使用对象的方式传递参数:
```html
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
```
这种方式需要在to属性前面加上冒号,表示绑定。然后在对象中使用name指定路由的名称,params指定传递的参数。
这样就可以实现带参数的跳转了。注意,在实际使用时,要根据实际情况配置路由和参数的配置。
阅读全文