av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vue項目實現設置根據路由高亮對應的菜單項操作

瀏覽:143日期:2022-12-14 18:17:02

高亮顯示菜單是很常見的一個場景

首先,在router-link標簽上綁定對應的路徑

vue項目實現設置根據路由高亮對應的菜單項操作

然后在css里面設置router-link-active類的樣式即可切換路徑的時候高亮對應的菜單

vue項目實現設置根據路由高亮對應的菜單項操作

也可以在router路由數組里面設置meta信息,然后根據這個信息來判斷是否高亮(這里可以循環生成菜單,不過我沒有寫)只是說一下思路

vue項目實現設置根據路由高亮對應的菜單項操作

vue項目實現設置根據路由高亮對應的菜單項操作

這樣即可根據路由實現對應的菜單高亮了,我個人認為第二種比較靈活,如果菜單嵌套很多可以用第二種

補充知識:vuecli項目怎樣使用jsx

有時候用jsx寫頁面可能更靈活,當然在vue中寫jsx需要插件的支持

我用了一些官方給出的,感覺不怎么好用,推薦安裝這個

安裝babel-plugin-transform-vue-jsx插件

GitHub地址

看文檔安裝配置吧

這個配置起來更簡單方便

然后在vue文件組件里面寫

以下就是簡單的jsx語法,不熟悉的可以去看看react的一些基礎,當然,大多數時候模板也是很好用的

而且vue中的方法自動綁定了this,感覺混用也不錯

<script>export default { name: 'MyJsx', data () { return { msg: ’hello vue-jsx’ }; }, methods: { handleClick () { console.log(this); } }, render () { return ( <div on-click={this.handleClick}>{this.msg}</div> ) }};</script>

以上這篇vue項目實現設置根據路由高亮對應的菜單項操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 亚洲一区二区三区在线视频 | 久久免费国产 | 欧美 日韩 中文 | 日韩免费av | 亚洲精品视频在线 | 久久久久黄色 | 欧美成视频 | 久久久久久久久久久久久9999 | 亚洲国产精品久久久久婷婷老年 | 91在线一区二区三区 | 中文字幕第三页 | 91麻豆精品国产91久久久久久 | 免费黄视频网站 | 91在线观看 | 久亚州在线播放 | 久久一区二区精品 | 久久亚洲欧美日韩精品专区 | 国产精品亚洲一区二区三区在线 | 国产亚洲一区二区三区 | 久久久亚洲成人 | 欧美a级成人淫片免费看 | 99久久国产免费 | 国产精品一区免费 | www网站在线观看 | 天堂视频一区 | 国产99视频精品免视看9 | 在线播放中文 | 欧美精品中文字幕久久二区 | 国产一区二区三区高清 | 性色av一区二区三区 | 国产精品久久av | 久草网站| 亚洲欧美日韩电影 | 亚洲xxxxx| 亚洲久久| 精品成人佐山爱一区二区 | 亚洲高清在线 | 国产欧美一区二区三区久久手机版 | 国产欧美在线 | 日本精品一区二区在线观看 | 久久成人精品视频 |