vue-router為啟用的路由設定樣式操作
阿新 • • 發佈:2020-07-19
1.首先先寫好類名
2.在router裡的js檔案中新增 linkActiveClass:'active'
補充知識:記錄vue遇到問題,子頁面沒有router-link對應導航欄啟用樣式
如下所示:
li><router-link to="/basicSearch" :class="{'link-active':linkBoolean}">基礎檢索</router-link></li>
data () { return { imgUrl,linkBoolean:false } },created(){ if(this.$route.path == "/storeDetails" || this.$route.path == "/utxoDetails" || this.$route.path == "/blockAllDetails"){ this.linkBoolean = true } },
根據Router中子頁面連結名稱,指定對應上級頁面的導航樣式是否啟用
以上這篇vue-router為啟用的路由設定樣式操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。