Vue3 + TS + Element-Plus 封装Tree组件 《亲测可用》

前期回顾

Vite + Vue3 + Ts 《企业级项目》二次封装 el-table、el-pagination、el-tooltip、el-dialog_vue后台管理系统需要二次封装的组件有哪些_彩色之外的博客-CSDN博客封装的功能有哪些？分页、表格排序、文字居中、溢出隐藏、操作列、开关、宽、最小宽、type类型（selection/index/expand）、格式化 、不同页面不同操作列、vuex、vue持久化插件、（此处没有接口所以用到，还涉及了query与params传值区别）子组件说思路：data数据请求接口拿到，表头数据一般也是后台接口，如没，前台可自定义自己写......_vue后台管理系统需要二次封装的组件有哪些https://blog.csdn.net/m0_57904695/article/details/125613767?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168906559516800227493706%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=168906559516800227493706&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-5-125613767-null-null.268^v1^koosearch&utm_term=%E5%B0%81%E8%A3%85&spm=1018.2226.3001.4450

目录

  子组件：

  父组件：

  谢谢观看

 

---

 

 为了全局使用类型，可以新建

// tree
declare interface Tree {
	id: number;
	label: string;
	children?: Tree[];
	[key: string]: any;
}

  子组件：

  父组件：

更多的el-tree看这里   自定义《element-UI》el-tree 的样式 、亲测管用_自定义《element-UI》el-tree 的样式 、亲测管用_https://blog.csdn.net/m0_57904695/article/details/123514519?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168906618216800211567162%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=168906618216800211567162&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-123514519-null-null.268^v1^koosearch&utm_term=el-tree&spm=1018.2226.3001.4450彩色之外的博客-csdn博客<>

更多的el-table看这里   

点击《el-table》让选中的行变色，亲测实用_彩色之外的博客-CSDN博客公司各种需求又来了，直接看下面文吧，一看就懂就不在说需求了，此时我觉得我的表情包是【我就像是一个小朋友站在路标下满头的问号】亲测管用，希望可以帮助到大家https://blog.csdn.net/m0_57904695/article/details/123722382?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168906621616782425128470%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=168906621616782425128470&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-9-123722382-null-null.268^v1^koosearch&utm_term=%E8%A1%A8%E6%A0%BC&spm=1018.2226.3001.4450

  谢谢观看

 _______________________________  期待再见  _______________________________