el-tree的icon改成+-
时间: 2023-10-06 17:04:35 浏览: 98
您可以通过修改 el-tree 组件的 icon 属性来将其图标更改为 "+" 和 "-"。具体步骤如下:
1. 在 el-tree 组件上添加 icon 属性,并设置为一个对象,其中包含展开和折叠状态的图标样式。
```html
<el-tree :data="treeData" :props="treeProps" :icon="treeIcon"></el-tree>
```
2. 在 data 中定义 treeIcon 对象,其中包含展开和折叠状态的图标样式。
```javascript
data() {
return {
treeIcon: {
expand: "el-icon-plus", // 展开状态图标
collapse: "el-icon-minus" // 折叠状态图标
},
treeData: [
// 树形数据
],
treeProps: {
// 树形数据的配置项
}
};
}
```
3. 根据您自己的需求,将 "el-icon-plus" 和 "el-icon-minus" 替换为您想要的图标类名。
请注意,这里使用的是 Element UI 的图标类名,您可以根据自己的 UI 库或自定义的图标库进行相应的更改。
阅读全文