vue实现顶部导航栏 【js|vue实现顶部导航栏】
文章图片
实现导航的主要思路为
- 点击某一项的时候拿到相应的index 。
- 然后把这个index赋值给isActiveNum 。
- 再用router-link里面的index去对比。
- 如果一样的话就加上isActive类 否则类名为空。
-
{{ item.menu }}
.isActive {
color: #f23051;
}推荐阅读
- vue|vue中使用videojs
- css|元素垂直居中，有几种方法（）
- vue|仓管系统设计
- vue|程序员接私活必备后台框架，不用重复造轮子，网友（太好用了！）
- #yyds干货盘点#JavaScript - 字符串的转义
- 原生JavaScript灵魂拷问，你能答上多少#yyds干货盘点#
- 如何在WordPress主题中包含jQuery（）
- 毕业设计|SpringMVC+Vue项目运动品交易商城
- 课程设计|SpringMVC+Vue项目旅游资源网站