router-link 的to属性
时间: 2023-10-20 20:04:27 浏览: 90
详解vue中router-link标签所必备了解的属性
5星 · 资源好评率100%
router-link 的 to 属性用于指定链接目标路由的路径。它可以是一个字符串,也可以是一个对象。
如果 to 属性是一个字符串,那么它应该是目标路由的路径,例如:
```html
<router-link to="/home">Home</router-link>
```
如果 to 属性是一个对象,那么它应该具有以下属性:
- path:目标路由的路径
- query:一个包含查询参数的对象
- hash:要附加到目标 URL 的 hash 值
- params:一个包含路由参数的对象
例如:
```html
<router-link :to="{ path: '/user/123', query: { plan: 'premium' }, hash: '#anchor', params: { id: 123 }}">User</router-link>
```
当用户点击这个链接时,应用程序将根据 to 属性指定的路径导航到新的路由。
阅读全文