elmui Tree 树形控件的不显示图标

可能的原因和解决方法如下：

1. 没有设置图标属性

解决方法：在创建 Tree 节点时，需要设置图标属性，例如：

<el-tree :data="data" :props="{ label: 'name', icon: 'el-icon-folder' }"></el-tree>

2. 没有引入图标样式库

解决方法：引入 Element UI 的图标样式库，例如：

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

3. 图标样式被覆盖了

解决方法：检查样式表中是否有覆盖图标样式的代码，例如：

.el-tree-node__expand-icon {
  background-image: none;
}

应该将其修改为：

.el-tree-node__expand-icon {
  /* 保留原有样式 */
}

相关问题

element ui Tree 树形控件

Element UI Tree 树形控件是一种常见的前端组件，它能够以树形结构展示数据，通常用于菜单、目录结构、分类等场景。在 Element UI 中，Tree 树形控件有多种使用方式，包括普通树、可复选树、可拖拽树、异步加载树等等。它提供了丰富的 API 和事件，可以方便地实现展开、折叠、选中、禁用等功能。

下面是 Element UI Tree 树形控件常用的 props：
- data：Tree 的数据源。
- props：自定义数据源字段名。
- node-key：每个树节点的唯一标识符。
- expand-on-click-node：点击节点时是否展开或折叠节点。
- default-expand-all：是否默认展开所有节点。

下面是 Element UI Tree 树形控件常用的 events：
- node-click：当某个节点被点击时触发。
- check-change：当节点选中状态发生变化时触发。
- current-change：当当前选中节点发生变化时触发。
- node-expand：当某个节点被展开时触发。

el-tree树形控件样式

el-tree树形控件的样式可以通过修改class属性来实现。在你提供的引用[2]中，可以看到el-tree组件的class属性为"treeitems"。这意味着你可以在CSS中使用.treeitems来定义树形控件的样式。

例如，如果你想修改树形控件的背景颜色，你可以使用以下CSS代码：

.treeitems {
background-color: #f2f2f2;
}

这将使树形控件的背景颜色变为浅灰色。你可以根据需要修改其他样式属性，如字体颜色、边框样式等。

请注意，修改样式时要确保优先级正确，以防止其他样式规则覆盖你的修改。你可以使用!important关键字来提高你的样式的优先级，如：

.treeitems {
background-color: #f2f2f2 !important;
}

这将确保你的背景颜色设置不会被其他样式的规则覆盖。

总结一下，要修改el-tree树形控件的样式，你可以直接在CSS中为其对应的class属性添加样式规则。