文章詳情頁
vue-router為激活的路由設置樣式操作
瀏覽:44日期:2023-01-05 08:15:43
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 } },
根據(jù)Router中子頁面鏈接名稱,指定對應上級頁面的導航樣式是否激活
以上這篇vue-router為激活的路由設置樣式操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
標簽:
Vue
相關文章:
1. 使用Python webdriver圖書館搶座自動預約的正確方法2. ASP基礎知識VBScript基本元素講解3. 在線php代碼縮進、代碼美化工具:PHP Formatter4. Linux刪除系統(tǒng)自帶版本Python過程詳解5. Android 簡單的實現(xiàn)滑塊拼圖驗證碼功能6. 淺談由position屬性引申的css進階討論7. ASP.NET MVC使用jQuery ui的progressbar實現(xiàn)進度條8. PHP如何開啟Opcache功能提升程序處理效率9. Python 合并拼接字符串的方法10. Python3 json模塊之編碼解碼方法講解
排行榜

網(wǎng)公網(wǎng)安備