本文共 751 字，大约阅读时间需要 2 分钟。

基本的树代码

在树代码中间，增加span标签，通过:class绑定icon，通过label绑定树的名称

     
              {
   {
    data.label }}      
   

在data数据中，给每个对象绑定icon，值为需要的icon图标

data: [{
     label: '一级 1',  icon:'el-icon-user',  children: [{
       label: '二级 1-1',    children: [{
         label: '三级 1-1-1'    }]  }]}, {
     label: '一级 2',  icon:'el-icon-user',  children: [{
       label: '二级 2-1',    icon:'el-icon-user',    children: [{
         label: '三级 2-1-1',      icon:'el-icon-user',    }]  }, {
       label: '二级 2-2',    children: [{
         label: '三级 2-2-1'    }]  }]}, {
     label: '一级 3',  children: [{
       label: '二级 3-1',    children: [{
         label: '三级 3-1-1'    }]  }, {
       label: '二级 3-2',    children: [{
         label: '三级 3-2-1'    }]  }]}],

运行结果：

转载地址：https://kaisarh.blog.csdn.net/article/details/110849485 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！