vue的超链接使用示例:a 和 router-link
warning:
这篇文章距离上次修改已过435天,其中的内容可能已经有所变动。
在Vue中,你可以使用<a>标签来创建普通的超链接,它不依赖于Vue Router。而<router-link>是当你使用Vue Router时,用来创建一个可以使用Vue Router的路由链接的组件。
- 使用
<a>标签创建超链接:
<a href="https://www.example.com">访问Example网站</a>- 使用
<router-link>创建一个路由链接:
<router-link to="/about">关于我们</router-link>在这个例子中,当你点击“关于我们”链接时,Vue Router会将你导航到路径/about对应的组件。
注意:<router-link>最终会渲染为<a>标签,所以你可以用<router-link>来替代<a href="...">。
如果你想要在点击链接时触发一些JavaScript逻辑,你可以使用<router-link>的@click事件:
<router-link to="/about" @click="handleClick">关于我们</router-link>在这个例子中,点击链接会触发handleClick方法。
评论已关闭