代码：
<router-link to="/shouye"><li :class="{leftLi:true,active:$route.path=='/shouye'}">首页</li></router-link>
<router-link to="/shouye/bangdan"><li :class="{leftLi:true,active:$route.path=='/shouye/bangdan'}">榜单</li></router-link>
<router-link to="/shouye/xiazai"><li :class="{leftLi:true,active:$route.path=='/shouye/xiazai'}">下载客户端</li></router-link>
当前导航有类名active，$route.path是当前路由路径，在js中是this.$route.path
最后
以上就是悲凉大树最近收集整理的关于vue导航栏的控制的全部内容，更多相关vue导航栏内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复