不要使用router-link
时间: 2024-01-03 22:22:00 浏览: 55
详谈vue中router-link和传统a链接的区别
5星 · 资源好评率100%
如果不想使用`<router-link>`,可以使用`<a>`标签来实现页面导航效果。你可以在`<a>`标签的`href`属性中指定目标路由的路径,然后通过点击该链接来切换到相应的组件。
以下是一个示例:
```html
<div id="header">
<a href="/">Home</a>
<a href="/about">About</a>
</div>
<div id="page">
<!-- 在这里渲染对应的组件 -->
</div>
```
请注意,使用`<a>`标签进行页面导航时,页面会进行完整的刷新,而不是像`<router-link>`那样进行局部更新。因此,如果你希望实现无刷新的页面切换效果,建议使用`<router-link>`。
阅读全文