很久沒寫部落格了原因就是懶,
剛下班今天寫了個基於element導航選單實現多層選單(可以無限多層)
元件核心思想就是元件遞迴(這個有時候面試會問到)
可以看看這篇我寫的簡單文章《vue元件遞迴》
然後就判斷children有沒有內容,沒內容就是選擇項嘛,內容就是父選單
只提供最基礎實現功能各種**可以參考element文件去改,我只寫了主體
element導航選單官方文件:
效果圖:
// *****= 元件: ***************===
for="(item,index) in list">// *****= 呼叫: ***************===if="item.children.length">
}
else>
}
//這個是資料格式補個截圖可能會好看好理解些:sidebardata: [
, ]},
]},, ]},]
封裝elementui 多層導航
注意 資料需要通過父頁面傳遞進來,在模板中會造成資料溢位模板需要有name屬性,呼叫模板的父頁面的元件名稱和模板name需一致,才能實現遞迴。迴圈資料 資料menulist通過props傳遞 0 key list.resourceid index list.resourcename 當有子集資料再次...
jQuery導航選單
大牛達 昨天研究 jquery 研究的怎麼樣啊?菜鳥frank 不研究不知道,一研究俺真的徹底愛上了jquery!大牛達 哦?怎麼說?菜鳥frank jquery 真的很方便,您知道我的性格的嘛!力求用最短的時間,做最有效率的事情。大牛達 呵呵,你這不就是明擺著懶!菜鳥frank 唉,這都是跟您學的...
左邊選單導航
通訊錄 管理資訊 首頁模版 首頁模版 首頁模版 首頁模版 首頁模版 首頁模版 首頁模版 管理資訊 首頁模版 首頁模版 首頁模版 首頁模版 首頁模版 首頁模版 首頁模版 管理資訊 首頁模版 首頁模版 首頁模版 首頁模版 首頁模版 首頁模版 首頁模版 通訊錄 管理資訊 首頁模版 首頁模版 首頁模版 首頁...