當前導航高亮顯示能夠提升用戶體驗，我也知道，大家在網上搜dede讓當前導航高亮顯示的方法一抓一大把，但是，並不一定適合自己的需求。就像我的需求一樣，導航有個二級導航，然后需要做到讓當前導航高亮顯示。我最開始用的方法是dede自帶的讓當前導航高亮顯示的方法，代碼如下，其中主要實現的代碼 ...

需求是這樣的 　　點擊不同的導航菜單實現當前點擊的菜單是高亮的,點擊導航下面的某個分類,分類所屬的導航也必須是高亮的,點擊某一篇文章,文章所屬的導航菜單也必須是高亮的. 網上說的思路是這樣的: 　　在菜單層的鏈接加上一個rel屬性,保存href屬性即: <div id ...

　　我們在制作wordpress主題時有些客戶要求導航在訪問某個菜單時，這個菜單項會高亮顯示，讓用戶知道自己正在訪問的是哪個菜單下的內容，這個要如何實現呢？wordpress早就為你想好了，.current-menu-item和.current-menu-parent就是wordpress自帶 ...

。不過，我這里沒有這樣做，沒有抽取出來。 二、實現當前頁面的標識+不同頁面的head頭部背景圖片的改變 現在在 ...

需求：如果所有頁面引用同一個頭部導航菜單，點擊欄目后，頁面跳轉的對應頁面，這時導航菜單中該欄目高亮顯示。 導航欄菜單html結構： 實現：判斷a標簽中href屬性與當前窗口URL是否匹配，匹配則給其添加樣式。 js代碼： ...

效果界面： ...

隨着用戶點擊導航或菜單上不同的頁面，出現此選項高亮顯示或變為一個新的樣式是經常用到的。實現它所用的原理就是通過js中的location.href得到當前頁面的地址，然后在與導航上的鏈接地址匹對，相同的就用一個css樣式標記。此方法支持動態鏈接和靜態鏈接多種形式。 實現 ...

el-menu-item index的值，我這里使用了 路由表中route.js中 的 路由name值 :default-active="this.$route.name" 如果不理解，可以看下 watch 監聽 的 $route ...