高亮顯示菜單是很常見的一個場景
首先，在router-link標籤上綁定對應的路徑
然後在css裏面設置router-link-active類的樣式即可切換路徑的時候高亮對應的菜單
![]()
也可以在router路由數組裏面設置meta信息，然後根據這個信息來判斷是否高亮（這裏可以循環生成菜單，不過我沒有寫）只是說一下思路
vue項目怎樣設置根據路由高亮對應的菜單項
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
spa頁面，不同組件按需引入js，aliplayer
(function(d, s, id) { let js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) retur
element-ui中的el-table-column加v-if不生效，表頭錯亂
項目中需要按照不同的媒體類型，展示不同的表頭且數據字段也不同。可以增加不同key值解決v-if不生效問題。 <el-table-column prop="author" align="center"
Html Webpack Plugin: ReferenceError: process is not defined
修改ejs文件 將<% if (!process.browser) {%> 改成： <% if (!require(‘process’).browser) { %>