需求： 树状结构有子元素，并且子元素无子元素横排展示
效果图：
如图：
1 有子元素且子元素无子元素，和父级一起横排展示
2 有子元素且子元素中有子元素， 子元素竖排展示，
问题相关代码，请勿粘贴截图
现用el-tree 实现， 请问该怎么设置上面两种情况的样式
el-tree 自定义样式
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
虎子8 2022-07-11 11:06关注其实你说的这个逻辑，不是一个样式问题。 而是一个数据处理问题。 满足条件一，把它从子元素删除并加入到父级
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏无用 1举报 分享
- 2022-07-11 10:37回答 2 已采纳 其实你说的这个逻辑，不是一个样式问题。 而是一个数据处理问题。 满足条件一，把它从子元素删除并加入到父级
- 2022-01-25 00:10回答 2 已采纳 跟你第一次加载一样，查询出来数据是什么就展示什么；跟懒加载没关系，你加载完成之后再点击树节点赖加载就再请求，同时是树的来加载，接着在树上加载，输入框查询的话就重新加载；
- 2022-04-18 10:43回答 4 已采纳 https://blog.csdn.net/cxy_12345/article/details/124245622?spm=1001.2014.3001.5502 见这篇文章
- 2024-01-08 09:53永年第一深情的博客 el-tree 自定义节点样式
- 2022-03-24 08:31回答 2 已采纳 <el-tree ref="tree" :data="RoleTreeData" show-checkbox :props="defaultProps"
- 2022-04-08 09:58回答 2 已采纳 这个element-ui肯定做不到的，应为你的子对象都没有，它怎么可能获取的到呢。所以要自己获取，获取方法就是：拿你获取到的对象去在原始数据中查找它的所有子对象。
- 2022-04-22 15:31回答 5 已采纳 两棵el-tree的节点跨树拖拽实现https://blog.csdn.net/qq_41694291/article/details/108631887
- 2021-05-10 17:26"el-tree-select:基于el-select和el-tree改造的树形选择器（下拉框）组件"是一个自定义的前端UI组件，它结合了Element UI库中的el-select和el-tree两个组件的功能，创建了一个适用于数据层级关系展示的选择器。...
- 2022-03-25 17:33回答 2 已采纳 通过getCheckedNodes方法过滤选中的数据 this.$refs.tree.getCheckedNodes(false, true)
- 2023-04-10 17:30回答 2 已采纳 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7493230我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue中使用el-tree渲染树形层
- 2022-05-06 10:52回答 2 已采纳 vue2中对数组的处理不彻底，可以参考一下 ## **Vue不能检测数组的哪些变动？Vue 怎么用 `vm.$set()` 解决对象新增属性不能响应的问题 ？** - Vue 不能检测以下数组的变
- 2024-03-19 17:51阿东toastLi的博客 1 需要控制最大层级 tree 当前到第几可拖动 :allow-drop="allowDrop"2 @check-change="handleCheckbranch" 方法收集选择标识。拖拽时判定目标节点能否成为拖动目标位置。3 拖动配置激活Ui 样式 自定义。
- 2022-04-21 22:58回答 1 已采纳 1.传统的if逻辑，首先右边的，全部做成单独组建，在整个大框架中import，点击a的时候，右边对应显示相应的组件，v-if去显示，类似于选项卡。进阶是使用动态组件的is属性，这样就可以不用写很多if
- 2022-12-02 14:13阿波糍嘚的博客 el-tree自定义图标，基于element-plus，实现完全自定义
- 2023-08-07 00:20Wu Youlu的博客 实现的效果如上图 前提：这个方法是通过格式化 tree 的数据并且通过修改 el-tree 的 CSS 样式来实现连线和自定义图标的效果。 格式化实在组件当中做的，不会影响原数据。 缺点很明显，就是通过CSS 实现，没有办法...
- 没有解决我的问题, 去提问
问题事件
系统已结题
7月19日
已采纳回答
7月11日-
创建了问题
7月11日
悬赏问题
- ¥15 请问读取环境变量文件失败是什么原因？
- ¥15 在若依框架下实现人脸识别
- ¥15 网络科学导论，网络控制
- ¥100 安卓tv程序连接SQLSERVER2008问题
- ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比，为什么Snetinel-2计算的结果最小值特别小，而Lansat8就很平均
- ¥15 metadata提取的PDF元数据，如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载