el-tree 自定义样式

需求: 树状结构有子元素,并且子元素无子元素横排展示

效果图:

img

如图:
1 有子元素且子元素无子元素,和父级一起横排展示
2 有子元素且子元素中有子元素, 子元素竖排展示,

问题相关代码,请勿粘贴截图

现用el-tree 实现, 请问该怎么设置上面两种情况的样式

其实你说的这个逻辑,不是一个样式问题。 而是一个数据处理问题。 满足条件一,把它从子元素删除并加入到父级

就这要改把自己的样式把官网自带样式覆盖了

我在项目中有碰到类似的情况,

img


根据数据中的属性来判断,给他添加一个属性,
你可以根据数据中是否有children来判断,
然后根据那个属性,去渲染,

img


最后的效果是这样的,

img


你可以参考一下,希望对你有帮助