今头条！【element UI】在 el-select 与 el-tree 结合组件

(相关资料图)

前言

项目上实现某个功能，使用到了 el-select 和 el-tree 组合实现，记录下两者结合的实现过程。

要求

• 根据项目接口提供的数据，el-tree 里的数据是一次性返回来的，点击最后一层级时，请求接口，在点击层级下方追加数据
• 追加的数据要显示勾选框，可进行勾选，且是单选
• 勾选后需要返回勾选的层级以及它的父级

实现效果如下：

数据回显效果：

实现关键部分

el-tree里的显示勾选框不符合当前“追加的数据要显示勾选框，可进行勾选”这个需求，所以我修改了el-tree的源码进行使用。

1. 追加子级数据，el-tree 文档提供了这个这个方法，可以追加子级

2. 数据对象里有指定字段才显示勾选框，这里我指定字段为 currentShowCheck，数据追加的时候把指定需要显示勾选框的字段加上

修改源码，数据中有 currentShowCheck 字段的则显示 checkbox

这样子就实现以上的效果了

关键词： 数据对象 这个这个

• 

  今头条！【element UI】在 el-select 与 el-tree 结合组件

  前言项目上实现某个功能，使用到了el-select和el-tree组合实现，记录下两者结合的实现过程。要求根据项...

  来源： 2023-02-25
• 

  环球热文：python教程：模块的搜索路径

  一、模块搜索路径的顺序模块其实就是一个文件，如果要执行文件，首先就需要找到模块的路径（某个文件夹...

  来源： 2023-02-25
• 

  Python中模块的四种方式

  一、什么是模块？模块是一系列功能的集合体，而函数是某一个功能的集合体，因此模块可以看成是一堆函数...

  来源： 2023-02-25
• 

  《原子之心》种族主义漫画引争议：涉嫌歧视黑人！官方道歉

  《原子之心》种族主义漫画引争议：涉嫌歧视黑人！官方道歉

  来源： 2023-02-25

• 今头条！【element UI】在 el-select 与 el-tree 结合组件

• 环球热文：python教程：模块的搜索路径

• Python中模块的四种方式

• 《原子之心》种族主义漫画引争议：涉嫌歧视黑人！官方道歉

• 世界速读：我国载人航天将对国际开放 多国航天员希望参与中国空间站

• 每日热讯!驱动拖后腿 Intel显卡被低估：2000元档A770理论可刚RTX 3070

• 受贿、泄露内幕信息！湖北原副省长曹广晶被公诉

• 天天快看点丨下周发售！《卧龙：苍天陨落》新预告发布：PC/主机通吃

• 最新消息：EQ电动车中国表现欠佳 奔驰CEO：打价格战不是好事

• 环球热点！101岁老人每天赶2场麻将 医生：身体状态70岁

• What's past is prologue

• 全球新资讯：车商不收特斯拉 新车一个月亏7万：新能源二手车都不受待见 厂商频降价

• H5N1禽流感致死事件引世卫关注：事发柬埔寨、9年来首次

• 环球热点评！下单就送鲜蔬汤 海福盛冻干粥5杯大促：券后仅20.9元！

• “真香定律”稳定发挥 迈凯伦全新SUV效果图曝光：预计售价282万

• 世界今日讯！关于修订《中国高尔夫球协会赛事活动管理办法》的通知

• 环球微头条丨中越边境民族文化艺术考察研究

• 每日热点：女子在门缝发现针头 是大妈拿注射器推大量不明液体：整栋楼遭殃 网友气愤

• 地球中心到底有什么？科学家发现竟是一个超大铁球 跟书里讲得不一样

• NET6接口项目基础框架项目

• Java 8 Lambda 方法引用 简记

• 全球看热讯：（数据库系统概论|王珊）第七章数据库设计-第三节：概念结构设计

• Blender插件：水滴生成器（Droplet Generator）

• 环球速递！《分布式技术原理与算法解析》学习笔记Day22

• 消炎止血、除口臭！中药黄芩牙膏大促：3支不到20块（送牙刷）

• 【世界聚看点】《博德之门3》Xbox版遭遇技术难题

• 天天快看点丨激光溶脂和吸脂的区别_激光溶脂和吸脂怎么区分

• 每人1600元！北京要发消费券了：买手机、PC、无人机等都能用

• 为博流量 女子与前夫摆拍家暴并直播谎称报警：结果被官方通报

• 当前快看：吸水好干得快：洁丽雅新疆棉毛巾4.98元发车

• 【Java】ArrayList线程不安全的坑

• 世界观察：不点拍照按键也能拍照！荣耀Magic 5全新技术曝光：堪比变魔术

• 全球观热点：自信满满！萌娃觉得自己掌握了英语的窍门 张口让网友沉默

• 当前播报:电动车里什么最耗电？13类电器功率排名来了！出乎意料

• 当前关注：义乌市百货有限责任公司

• 【新要闻】饰组词语接龙_饰组词语

• 运算符重载

• 世界要闻：猛男专属 吉利几何E超吸粉特别版上市：9.98万元

• 全球热点评！《三体》被改编成剧本杀 三体宇宙索赔300万

• 热资讯！算法正在谋杀新闻 各种日报带头摆烂 十亿中国网友却为此狂欢

• 联想小新Pro 14天青蓝来了：13代酷睿 1TB硬盘

• 天天日报丨国产架构的龙芯CPU可以跑QQ了！底层重写、与x86/Arm肩并肩

• 当前滚动:全商汇深圳控股集团有限公司_全商汇

• 世界资讯：Eureka高可用集群服务端和客户端配置

• 今日精选：NEMU PA 1 实验报告

• Spark系列 - (4) Spark任务调度

• 天天快资讯丨第122篇: JS函数一些基本概念

• 独居老人为家中热闹没装大门 多车误入院子

• 每日资讯：RTX 4090显卡都能用 长城850W金牌全模电源504元（每瓦0.6元）

• day03-自己实现Mybatis底层机制-02

• 如何设计高并发项目

• 天天快资讯丨Android 应用接入 Firebase Crashlytics 进行崩溃分析上报

• 热议：Java 中 hashCode 和 equals 方法是什么？它们和 == 各有什么区别？

• 热门：沃尔沃XC90 T8充电版：经过最新升级后仍是首选SUV

• 全球新消息丨网友用AI生成《黑豹2》电影白人版海报 激怒正义人士

• 面向对象进阶第二天

• 环球视点！# 009 - 检验 （2）

• 热讯：邝飚

• 天天滚动:长度仅23.5mm：尼康尼克尔Z 26mm f/2.8饼干镜头上架

• iPhone更香？调查显示近半数安卓用户考虑换苹果

• 最后一个武侠杂志 《今古传奇·武侠版》停刊：闭关修炼

• 今日快看!力压西游记、红楼梦 豆瓣9.8分：《大明王朝1566》封神国产剧

• 【天天快播报】python-函数

• 焦点热文：58.抽象数据类型

• 青海首次实现330千伏同塔双回线路中相导线带电消缺

• 男子工作期间上厕所摔伤：被判工伤

• 周杰伦发文谈论AI 称AI取代不了音乐创作的美感

• 今日快讯：86岁老人鸡骨头卡入支气管16年：部分骨头被气管黏膜包住

• 带货主播李佳琦进浙江一大学招美女主播：教室爆满 女生尖叫

• 学生点外卖评3星被商家威胁：不删除差评 让学校把你开除

• linux中redis下载安装部署启动

• 环球视讯！21、现有网络模型的使用以及修改

• 环球看热讯：（数据库系统概论|王珊）第七章数据库设计-第二节：需求分析

• 世界速读：周鸿祎：ChatGPT迟早会产生自主意识 为人类带来毁灭危机

• 我国新一代载人登月飞船模型首次展出：将建造月球科研站

• 每日热议!委员建议：允许重大节日燃放烟花爆竹 应科学限放

• 吃透8图1模板，人人可以做架构

• 免费开源的邮件服务器搭建

• 天天热门:蚁群算法

• 每日热闻!Prometheus安装部署（主体）

• 【世界速看料】保时捷新能源车高架冒烟 司机：开得好好的就着了 差点被烧死

• 环球讯息：罗技Trophy G驾驶舱发布：兼容所有方向盘、踏板、主机和PC

• 百事通！网友称5千元买洗地机用2小时就坏掉：售后无门

• 天天速讯：十铨发布新款PCIe 5.0固态硬盘：顺序读取12000MB/s、配石墨烯散热片

• 当前速看：祸从天降！东北冰溜子从5楼坠落砸伤女子：北方人一定要注意

• 惠州普通话水平考试准考证查询

• Joomla未授权访问漏洞(CVE-2023-23752)

• 环球头条：Go复合数据类型数组和切片

• 世界热点！springCloud Alibaba服务的注册与发现之eureka搭建

• 当前简讯:业内第三种烘干技术！石头宣布分子筛洗烘一体机H1

• 全国多地现“三星连珠”天象：金星、木星、弯月连成一条线

• 世界快讯:石头分子筛洗烘一体机H1发布：打破洗烘行业技术天花板

• 百度新车标外观专利获授权 造型罕见

• 世界观天下！小米新专利获授权：一卡多号 可节省功耗

• what are ESC、BEC and UBEC ?

• 环球微动态丨不通过ArcGIS写Personal Geodatabase(esri mdb)

• 最新消息：我们喜爱的 10 种免费 SQL Server 资源

• 世界新消息丨ChatGPT对于普通人有什么机会和影响？

• 世界热消息：8成特效中国制作！《流浪地球2》豆瓣涨至8.3 超100万人评分

• 当前动态:38秒旋风榨汁 小熊无线多功能榨汁机34.9元大促