成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

vue + element UI NavMenu多級(jí)菜單 只保持一個(gè)子菜單的展開(kāi)

CoreDump / 2206人閱讀

摘要:本文章為三級(jí)目錄菜單處理可根據(jù)自己需求調(diào)整本文章適用于已熟悉控件及的伙伴結(jié)構(gòu)數(shù)據(jù)結(jié)構(gòu)及方法方法下面代碼中有部分是處理全局路由狀態(tài)的,我這邊是每個(gè)頁(yè)面需要顯示當(dāng)前頁(yè)面,如果不需要顯示的可以忽略其他方法,主要看方法就可以了方法調(diào)用在了見(jiàn)第一張

本文章為三級(jí)目錄菜單處理(可根據(jù)自己需求調(diào)整)
本文章適用于已熟悉element NavMenu控件及vue的伙伴
1、dom 結(jié)構(gòu)

2、數(shù)據(jù)結(jié)構(gòu)及方法

方法:下面代碼中有部分是處理全局路由狀態(tài)的,我這邊是每個(gè)頁(yè)面需要顯示當(dāng)前頁(yè)面title,如果不需要顯示的可以忽略其他方法,主要看onMenu方法就可以了
onMenu方法調(diào)用在了:default-openeds="onMenu"(見(jiàn)第一張圖)

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/94201.html

相關(guān)文章

  • Vue + Vue-router + Element-ui 搭建個(gè)非常簡(jiǎn)單dashboard d

    摘要:但是有邊框,不好看啊再次美化使用使用圖標(biāo)庫(kù)安裝這里主要貼一下的改動(dòng),其他的代碼就不貼了看下效果圖標(biāo)什么的都有了。另外文件需要加上看看效果點(diǎn)擊菜單,路徑跳轉(zhuǎn),并且每次都是單獨(dú)去加載路由的文件。 做完這個(gè)demo后,我體會(huì)到,Vue組件化,webpack, Vue-router等,并不是很難學(xué)習(xí),你需要的只是拿起斧頭的勇氣在做demo的過(guò)程中,我遇到一個(gè)問(wèn)題,就是vue-router懶加載...

    Near_Li 評(píng)論0 收藏0
  • 餓了么組件庫(kù),element-ui開(kāi)發(fā)精美后臺(tái)管理系統(tǒng)系列之()開(kāi)發(fā)伸縮菜單

    摘要:先看這個(gè)值即為判斷顯示展開(kāi)還是收縮狀態(tài)的開(kāi)關(guān)。這樣就實(shí)現(xiàn)了展開(kāi)狀態(tài)下的菜單。如果有時(shí)間的話,我會(huì)把這個(gè)系列寫(xiě)完,知道朋友們能獨(dú)立開(kāi)發(fā)一個(gè)完整的的單頁(yè)面后臺(tái)管理程序。 涉及到路由,權(quán)限等等相關(guān)內(nèi)容的部分,跟本文主旨關(guān)系不大,所以我將會(huì)在另外一篇文章中詳述,混在一起的話內(nèi)容太多了 基于element-ui的左側(cè)可伸縮的菜單通過(guò)vuejs來(lái)開(kāi)發(fā)支持展開(kāi)收縮的菜單是非常簡(jiǎn)單的,只需要v-i...

    whlong 評(píng)論0 收藏0
  • webpack+vue項(xiàng)目實(shí)戰(zhàn)(二,開(kāi)發(fā)管理系統(tǒng)主頁(yè)面)

    摘要:運(yùn)行一下,發(fā)現(xiàn)路由變了,當(dāng)前項(xiàng)有標(biāo)識(shí)了,子菜單的顯示與隱藏也有了原理也很簡(jiǎn)單。 1.前言 上篇文章(webpack+vue項(xiàng)目實(shí)戰(zhàn)(一,搭建運(yùn)行環(huán)境和相關(guān)配置))搭建了好了基本的一個(gè)項(xiàng)目目錄,安好好了一些要用到的依賴,以及把項(xiàng)目跑了起來(lái)。接下來(lái),我們就進(jìn)行第二步的操作,第二步就是做好一個(gè)開(kāi)發(fā)系統(tǒng)的主頁(yè)面,這個(gè)頁(yè)面主要也就是一個(gè)側(cè)邊欄,通過(guò)側(cè)邊欄的各個(gè)選項(xiàng)來(lái)進(jìn)行操作(切換各個(gè)組件)。比如...

    Harpsichord1207 評(píng)論0 收藏0
  • [TsAdmin]--款基于Vue.js+Element UI單頁(yè)無(wú)刷新(無(wú)iframe)多選項(xiàng)

    摘要:現(xiàn)在是不是有些期待這套全新的后臺(tái)管理系統(tǒng)模板呢那現(xiàn)在就去看看的預(yù)覽版本是什么樣的吧歡迎大家對(duì)踴躍吐槽。同時(shí)也歡迎加入碼友網(wǎng)的群更有其他學(xué)習(xí)資源和干貨下載,歡迎入群。本文出至碼友網(wǎng)一款基于的單頁(yè)無(wú)刷新無(wú)多選項(xiàng)卡的后臺(tái)管理系統(tǒng)模板 前言 很高興今天在這里跟大家分享一款全新的后臺(tái)管理系統(tǒng)UI模板--TsAdmin. TsAdmin是碼友網(wǎng)自主開(kāi)發(fā)的一款基于Vue.js+Element UI...

    junnplus 評(píng)論0 收藏0
  • 折疊多級(jí)菜單實(shí)現(xiàn)方法

    摘要:對(duì)于在網(wǎng)頁(yè)上展示的課本目錄這樣的多級(jí)菜單,想要實(shí)現(xiàn)完整顯示某一章的目錄,其它章只顯示章名的效果,最開(kāi)始用的是作為關(guān)鍵字搜索,但是找到的語(yǔ)句并沒(méi)有效果。注各章標(biāo)簽的類名為,需完整顯示的那一章的類名為。 對(duì)于在網(wǎng)頁(yè)上展示的課本目錄這樣的多級(jí)菜單,想要實(shí)現(xiàn)完整顯示某一章的目錄,其它章只顯示章名的效果,最開(kāi)始用的是 hide all child elements but first 作為關(guān)鍵字...

    wangbjun 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<