Vue組件tree實現(xiàn)樹形菜單
更新時間：2017年04月13日 14:05:36 作者：Stephen__
這篇文章主要為大家詳細介紹了Vue組件tree實現(xiàn)樹形菜單，小巧實用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
vue 編寫的樹形菜單，小巧實用，支持vue1.0，vue2.0
v1.0 功能:
1.支持多級樹目錄
2.支持高亮點擊的節(jié)點
3.支持展開點擊節(jié)點
4.支持點擊收縮節(jié)點時收縮所有子目錄
5.支持自定義回調(diào)函數(shù)，點擊節(jié)點時回調(diào)，參數(shù)為節(jié)點信息
用法：<launch-tree :list='list' :options='options'></launch-tree>
list = [
{
name: '一級目錄', // 目錄名字
isOpen: true, // 是否初始展開目錄
hightLight: true, // 是否初始高亮
className: undefined, // 添加自定義樣式
childs: [], // 二級目錄
...{} // 其他用戶額外參數(shù)
}
]
options = {
callback: undefined // 自定義點擊事件，callback(node)
}
github地址
圖示：
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
多頁vue應用的單頁面打包方法(內(nèi)含打包模式的應用)
這篇文章主要介紹了多頁vue應用的單頁面打包方法(內(nèi)含打包模式的應用)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
這篇文章主要介紹了Vue.js directive自定義指令詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-09-09
這篇文章主要為大家詳細介紹了vue實現(xiàn)簡單的購物車功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
當用戶在網(wǎng)站登錄后,服務器會在其瀏覽器上設置一個包含登錄信息的Cookie,通過這個Cookie,服務器能夠識別用戶是否已登錄,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了vue data對象重新賦值無效(未更改)的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
利用Vue+intro.js實現(xiàn)頁面新手引導流程功能
在同學們使用某些網(wǎng)站的新版本頁面的時候,經(jīng)常會出現(xiàn)一個類似于新手引導一樣的效果,來幫助同學們更好的熟悉新版本頁面的功能和使用,這篇文章主要給大家介紹了關于如何利用Vue+intro.js實現(xiàn)頁面新手引導流程功能的相關資料,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了關于elementui之封裝下載模板和導入文件組件方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
emits是Vue3新增的選項,emits主要作用在子組件中,用于接收在父組件中綁定的方法,這篇文章主要給大家介紹了關于vue3.x中emits的基本用法,需要的朋友可以參考下2022-07-07
vue $attrs和$listeners的使用與區(qū)別
本文主要介紹了vue $attrs和$listeners的使用與區(qū)別，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
vue中將html字符串轉(zhuǎn)換成html后遇到的問題小結
這篇文章主要介紹了vue中將html字符串轉(zhuǎn)換成html后遇到的問題小結,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-12-12