概述
代码：
<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导航栏的控制所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复