vue导航栏的控制

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_38147456/article/details/84030275

代码：

 <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