<router-link>
时间: 2024-02-03 18:09:57 浏览: 83
Vue 列表页带参数进详情页的操作(router-link)
<router-link>是Vue.js中的一个组件,用于实现路由导航功能。它可以将用户点击的链接转换为对应的路由地址,并进行页面的跳转。
以下是两个使用<router-link>的例子:
1. 使用字符串作为to属性:
```html
<router-link to="/home">home</router-link>
```
这个例子中,点击"home"链接会跳转到"/home"路由地址。
2. 使用动态绑定的对象作为to属性,并在<router-link>中添加其他标签:
```html
<router-link :to="{name:'Home'}" tag="li">
<a>Home</a>
</router-link>
```
这个例子中,点击"a"标签会跳转到名为"Home"的路由地址,并且<router-link>会被渲染成一个"li"标签。
阅读全文