<ul> <li> <router-link :to="{name: 'home'}" class="active_item" exact>首頁</router-link> </li> <li><router-link :to="{name: 'healthList'}" class="active_item">健康證辦理</router-link></li>
</ul>
1.給導航添加class屬性
2.在css中定義該class對應的router-link-active樣式
.active_item.router-link-active { color: #358ee7; }
tip:
“首頁”默認總是選中狀態。給其后邊添加一個‘exact’屬性即可解決