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使用路由router-link实现导航栏功能】要想渲染成其他标签,该方法也适用。
推荐阅读
- JavaScript是多线程的!从JS的事件循环、队列和执行栈理解JS的异步运行机制
- vue中router-link属性的解析和用法
- JavaScript如何解决报错 Uncaught TypeError Cannot read property ‘addEventListener’ of null()
- 如何查看win7d的ip地址()
- CSS 边框图片用法示例
- 面向对象编程(Perl OOP中的类)
- 真人快打仍然是一部完美的电子游戏电影的3个简单原因
- 2021年电子游戏发布时间表预告
- 关于Kena的20个问题(和答案)(精神之桥)