vue 3 el-tree 不同级别加不同图标

最新推荐文章于 2025-10-27 09:59:37 发布

原创最新推荐文章于 2025-10-27 09:59:37 发布 · 296 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

vue3 专栏收录该内容

3 篇文章

订阅专栏

<el-tree ref="treeRef"
               style="max-width: 600px"
               class="filter-tree"
               :data="data"
               :props="defaultProps"
               default-expand-all
               :filter-node-method="filterNode">
        <template #default="scope">
          <img v-if="scope.node.level==1"
               src="@/assets/images/tree/level0.png">
          <img v-if="scope.node.level==2"
               src="@/assets/images/tree/level1.png">
          <img v-if="scope.node.level==3"
               src="@/assets/images/tree/level2.png">
          <img v-if="scope.node.level==4"
               src="@/assets/images/tree/level3.png">
          <span>
            {{ scope.node.label }}
          </span>
        </template>
      </el-tree>