這篇文章主要為大家展示了“Vue組件tree如何實現(xiàn)樹形菜單”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學習一下“Vue組件tree如何實現(xiàn)樹形菜單”這篇文章吧。
創(chuàng)新互聯(lián)建站秉承實現(xiàn)全網(wǎng)價值營銷的理念,以專業(yè)定制企業(yè)官網(wǎng),成都網(wǎng)站制作、成都網(wǎng)站建設,重慶小程序開發(fā)公司,網(wǎng)頁設計制作,移動網(wǎng)站建設,成都全網(wǎng)營銷幫助傳統(tǒng)企業(yè)實現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理,匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對客戶都以感恩的心態(tài)奉獻自己的專業(yè)和所長。vue 編寫的樹形菜單,小巧實用,支持vue1.0,vue2.0
v1.0 功能:
1.支持多級樹目錄
2.支持高亮點擊的節(jié)點
3.支持展開點擊節(jié)點
4.支持點擊收縮節(jié)點時收縮所有子目錄
5.支持自定義回調(diào)函數(shù),點擊節(jié)點時回調(diào),參數(shù)為節(jié)點信息
用法:
list = [ { name: '一級目錄', // 目錄名字 isOpen: true, // 是否初始展開目錄 hightLight: true, // 是否初始高亮 className: undefined, // 添加自定義樣式 childs: [], // 二級目錄 ...{} // 其他用戶額外參數(shù) } ] options = { callback: undefined // 自定義點擊事件,callback(node) }
github地址
圖示:
以上是“Vue組件tree如何實現(xiàn)樹形菜單”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設公司行業(yè)資訊頻道!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。