el-tree:如何实现自定义节点或者整体背景颜色自定义 1、自定义节点(字体颜色、图标等) image.png 官网提供了render-content和 scoped slot两种方法可对树节点内容自定义,使用render-content指定渲染函数,该函数返回需要的节点区内容即可。渲染函数的用法请参考 Vue 文档。使用 scoped slot 会传入两个参数node和data,分...
1.在动态渲染的内容中加入左间距,此时会发现箭头与文本内容有一个88px的间距,我们先不管它。 2.通过node.expanded判断当前节点是展开还是闭合,绑定箭头对应的图标生成我们自己的箭头。 3.去掉el-tree组件自带的箭头。 4.判断该节点下是否还存在子节点,存在才显示箭头,否则不显示。 贴上完整的代码 <el-tree:highl...
记录⼀次关于el-tree中让内容与左边有距离的爬坑记录 ⾸先看设计⽂稿如下 可以看到tree的内容与左边有⼀个88px的间距，起初看到觉得很容易，给容器加⼀个padding-left: 88px就可以了。可是似乎并没那么简单。。。/deep/.el-tree-node__content { padding-left: 88px !important;} 看看结果 似乎是对的...