个性化阅读
专注于IT技术分析

vue使用路由router-link实现导航栏功能

Vue路由有什么作用?既然可以使用router-link进行单页面跳转,那就是说可以用来制作导航栏了,具体怎么操作?可以用li , button等标签吗?

答案是肯定的,使用router-link的时候,会默认渲染成router-link为a标签,如果想换成其他标签,可以使用router-link中的tag属性,router-link的常用属性详解可以看这里【vue中router-link属性的解析和用法】,在这里只讨论tag属性,设置了tag属性,router-link会被渲染成相应的标签,同样它还是会监听点击的功能。

例如:

<router-link to='/page1' tag='button'>第一页</router-link>
<router-link to='/page2' tag='button'>第二页</router-link>

设置tag=‘button’,就会渲染成button标签。

vue使用路由建设导航栏

要想渲染成其他标签,该方法也适用。

赞(0) 打赏
未经允许不得转载:srcmini » vue使用路由router-link实现导航栏功能
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏