Vue組件tree實現樹形菜單
更新時間：2017年04月13日 14:05:36 作者：Stephen__
這篇文章主要為大家詳細介紹了Vue組件tree實現樹形菜單，小巧實用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
vue 編寫的樹形菜單，小巧實用，支持vue1.0，vue2.0
v1.0 功能:
1.支持多級樹目錄
2.支持高亮點擊的節(jié)點
3.支持展開點擊節(jié)點
4.支持點擊收縮節(jié)點時收縮所有子目錄
5.支持自定義回調函數，點擊節(jié)點時回調，參數為節(jié)點信息
用法：<launch-tree :list='list' :options='options'></launch-tree>
list = [
{
name: '一級目錄', // 目錄名字
isOpen: true, // 是否初始展開目錄
hightLight: true, // 是否初始高亮
className: undefined, // 添加自定義樣式
childs: [], // 二級目錄
...{} // 其他用戶額外參數
}
]
options = {
callback: undefined // 自定義點擊事件，callback(node)
}
github地址
圖示：
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue+ ArcGIS JavaScript APi,文中需要注意ArcGIS JavaScript3.x 和ArcGIS JavaScript 4.x框架差異較大，本文從環(huán)境搭建開始到測試運行給大家講解的非常詳細，需要的朋友可以參考下2022-11-11
今天小編就為大家分享一篇vue解決一個方法同時發(fā)送多個請求的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue+element-ui+sortable.js實現表格拖拽功能
這篇文章主要為大家詳細介紹了vue+element-ui+sortable.js實現表格拖拽功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
本篇文章主要給大家詳細代碼講解了vue2.0 elementUI制作面包屑導航欄的過程，對此有興趣的朋友可以學習下。2018-02-02
使用Vue開發(fā)動態(tài)刷新Echarts組件的教程詳解
這篇文章主要介紹了使用Vue開發(fā)動態(tài)刷新Echarts組件的教程詳解,需要的朋友可以參考下2018-03-03
使用ElementPlus的Table啥都好，就是沒有可編輯表格，所以這篇文章就來和大家分享一下Vue實現極致舒適的可編輯表格的方法，希望對大家有所幫助2023-06-06
今天小編就為大家分享一篇淺談vue方法內的方法使用this的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家詳細介紹了vue實現條件疊加搜索的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
解決vue運行報錯Error:Cannot?find?module?'@vue/cli-plugin-b
解決了因為版本問題在創(chuàng)建項目時出現的各種報錯問題,這次在運行時出現的問題,下面這篇文章主要給大家介紹了關于解決vue運行報錯Error:Cannot?find?module?'@vue/cli-plugin-babel'的相關資料,需要的朋友可以參考下2023-04-04
表格中有時候會有排序的需求,下面這篇文章主要給大家介紹了關于element-ui中表格設置正確的排序及設置默認排序的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05