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
相關文章:
主站蜘蛛池模板: 国产精品一区二区三 | 精品久久久久久久久久久久久久 | 日韩和的一区二在线 | 国产精品九九九 | 精品福利在线 | 中文字幕免费在线 | 日韩精品免费视频 | 天天碰日日操 | 人妖一区 | 午夜久久久 | 91福利在线导航 | 国产激情在线播放 | 99精品国自产在线 | 日本人麻豆 | 色婷婷精品久久二区二区蜜臂av | 紧缚调教一区二区三区视频 | 欧美人妖网站 | 久久久国产一区二区三区 | 日韩精品久久久 | 国产乱精品一区二区三区 | 亚洲性视频 | 天天爽天天干 | 欧美日韩91 | 一级aaaa毛片 | 99pao成人国产永久免费视频 | 五月天婷婷综合 | 日韩三级视频 | 日韩中文字幕在线观看 | 美女视频一区 | xx性欧美肥妇精品久久久久久 | 国产精品成人一区二区 | 一二三在线视频 | 91精品久久久久久久久中文字幕 | 久久久精品一区 | 久久亚洲一区二区 | 日韩成人免费视频 | 国产一级淫片免费视频 | 久久亚洲国产精品日日av夜夜 | 黄色片视频 | 日韩电影一区二区三区 | 99精品视频免费观看 |