router-link组件的tag属性
时间: 2023-07-26 20:37:56 浏览: 141
详谈vue中router-link和传统a链接的区别
5星 · 资源好评率100%
`router-link` 组件是 Vue Router 中提供的组件,用于生成链接,它的 `tag` 属性用于指定 `router-link` 渲染为哪种标签。
默认情况下,`router-link` 组件会渲染为 `<a>` 标签,但是有些情况下,我们可能需要将其渲染为其他标签,比如 `<button>`。这时候就可以使用 `tag` 属性来指定要渲染的标签。
例如,如果要将 `router-link` 渲染为一个按钮,可以这样写:
```html
<router-link tag="button" to="/foo">Go to Foo</router-link>
```
这样 `router-link` 就会被渲染为一个按钮,点击它会触发路由跳转到 `/foo` 页面。
除了 `<a>` 和 `<button>` 标签,`router-link` 还可以渲染成其他标签,比如 `<li>`、`<div>` 等。根据需要选择合适的标签即可。
阅读全文