ElementUI el-tree 樹形控件給節點添加圖標

ElementUI el-tree 樹形控件給節點添加圖標

原文鏈接：https://www.cnblogs.com/cupid10/p/13820823.html

TreeData為后端獲取到的數據

 <el-tree
          :expand-on-click-node="false"
          style="width:180px"
          class="tree filter-tree"
          :indent="0"
          :data="TreeData"
          node-key="id"
          default-expand-all
          :props="defaultProps"
          @node-click="handleNodeClick"
        >
          <span class="custom-tree-node" slot-scope="{ data }">
            <span>
              <i :class="data.icon" style="font-size:20px color:red"></i
              >{{ data.modulename }}
            </span>
          </span>
        </el-tree>