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

yuyu_2019

于 2025-01-03 17:19:10 发布

阅读量219

点赞数

分类专栏： vue3 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/yuyu_2019/article/details/144914682

版权

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>