vue 编写的树形菜单，小巧实用，支持vue1.0，vue2.0

v1.0 功能:

1.支持多级树目录
2.支持高亮点击的节点
3.支持展开点击节点
4.支持点击收缩节点时收缩所有子目录
5.支持自定义回调函数，点击节点时回调，参数为节点信息

用法：<launch-tree :list='list' :options='options'></launch-tree>

list = [
  {
    name: '一级目录', // 目录名字
    isOpen: true, // 是否初始展开目录
    hightLight: true, // 是否初始高亮
    className: undefined, // 添加自定义样式
    childs: [], // 二级目录
    ...{} // 其他用户额外参数
  }
]
options = {
  callback: undefined // 自定义点击事件，callback(node)
}

github地址

图示：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Vue  # tree  # 树形菜单  # vue递归实现树形组件  # Vue组件库ElementUI实现表格加载树形数据教程  # Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现  # vue用递归组件写树形控件的实例代码  # 用 Vue.js 递归组件实现可折叠的树形菜单(demo)  # Vue.js递归组件构建树形菜单  # vuejs使用递归组件实现树形目录的方法  # 基于 Vue 的树形选择组件的示例代码  # Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)  # vue实现自定义树形组件的示例代码  # 自定义  # 回调  # 大家多多  # lt  # list  # options  # launch 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】  javascript中数组（Array)对象和字符串（String)对象的常用方法总结  Laravel用户密码怎么加密_Laravel Hash门面使用教程  Laravel如何实现一对一模型关联？（Eloquent示例）  如何在IIS中新建站点并配置端口与物理路径？  Laravel Livewire是什么_使用Laravel Livewire构建动态前端界面  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】  Laravel如何配置任务调度？（Cron Job示例）  如何安全更换建站之星模板并保留数据？  Laravel如何实现全文搜索功能？（Scout和Algolia示例）  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  bootstrap日历插件datetimepicker使用方法  如何挑选最适合建站的高性能VPS主机？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  Windows Hello人脸识别突然无法使用  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  PythonWeb开发入门教程_Flask快速构建Web应用  javascript事件捕获机制【深入分析IE和DOM中的事件模型】  历史网站制作软件,华为如何找回被删除的网站？  深圳网站制作平台,深圳市做网站好的公司有哪些？  打开php文件提示内存不足_怎么调整php内存限制【解决方案】  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  Laravel如何实现模型的全局作用域？（Global Scope示例）  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  Laravel怎么多语言本地化设置_Laravel语言包翻译与Locale动态切换【手册】  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  Laravel怎么使用artisan命令缓存配置和视图  如何将凡科建站内容保存为本地文件？  如何用AI帮你把自己的生活经历写成一个有趣的故事？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  详解MySQL数据库的安装与密码配置  微信推文制作网站有哪些,怎么做微信推文，急？  如何在IIS7中新建站点？详细步骤解析  Win11怎么更改系统语言为中文_Windows11安装语言包并设为显示语言  Internet Explorer官网直接进入 IE浏览器在线体验版网址  javascript基本数据类型及类型检测常用方法小结  教你用AI润色文章，让你的文字表达更专业  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  JavaScript如何实现倒计时_时间函数如何精确控制  Linux后台任务运行方法_nohup与&使用技巧【技巧】  Laravel如何集成Inertia.js与Vue/React？（安装配置）  如何快速建站并高效导出源代码？  html5如何实现懒加载图片_ intersectionobserver api用法【教程】  微信小程序 canvas开发实例及注意事项  Laravel如何自定义错误页面（404, 500）？（代码示例）