3.active-class 是哪個組件的屬性？

active-class屬於Vue哪一個modules,有什么作用

active-class 屬於vue-router的樣式方法 當routerlink標簽被點擊時將會應用這個樣式 使用有兩種方法 routerLink標簽內使用 

<router-link to='/' active-class="active" >首頁</router-link> 

在路由js文件,配置active-class

<script> const router = new VueRouter({ routes, linkActiveClass: 'active' }); </script> <script> const router = new VueRouter({ routes, linkActiveClass: 'active' }); </script> 

在使用時會有一個Bug

首頁的active會一直被應用
解決辦法
為了解決上面的問題，還需加入一個屬性exact,類似也有兩種方式：
在router-link中寫入exact

    <router-link to='/' active-class="active" exact>首頁</router-link> 

在路由js文件,配置active-class

<script> const router = new VueRouter({ routes, linkExactActiveClass: 'active' }); </script>

作者：w晚風
鏈接：https://www.jianshu.com/p/302a712f3ea8
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。