忘忧的小站

  • 首页
  • 文章归档
  • 日志
  • 关于页面

  • 搜索
分布式索引 索引 全文搜索 Lucene.Net GPS 音视频 过滤 AOP 时区 升级 ABP.Zero 数据备份 linux 阿里云盘 aliyunpan 面试题 Signalr S 汉字 css html 前端 拼音键盘 在线键盘 uniapp .Net Core XMLRPC Serilog LOKI Nlog 分布式日志 加密 总结 人生 Asp.Net Core Swagger Web Element-plus Quasar 匹配 JavaScript 正则 .Net 后台 架构师 Redis EF CORE MySQL 自考 英语 集群 Jenkins CI/DI 内网穿透 代理 ABP 学习 后端 软考

Element-plus UI框架el-Tree自定义图表爬坑

发表于 2022-01-05 | 分类于 vue | 0 | 阅读次数 1461

Element-plus UI框架el-Tree自定义图标爬坑

<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"  auto-expand-parent>
                <template v-slot:default="{data}" >
                  <div class="custom-node" v-if="data.children !== undefined">
                    <div class="row justify-between">
                      <div class="col-2">
                        <i class="iconfont">home</i>
                      </div>
                      <div class="col-9">
                        <span>{{data.label}}</span>
                      </div>
                    </div>
                  </div>
                  <div class="custom-node" v-else>
                    <span>{{data.label}}</span>
                  </div>
                </template>
              </el-tree>
  • 本文作者: 忘忧
  • 本文链接: /archives/71
  • 版权声明: 本博客所有文章除特别声明外,均采用CC BY-NC-SA 3.0 许可协议。转载请注明出处!
# Element-plus
Quasar Vue3 引入Element plus 框架爬坑
JavaScript针对某个窗口进入全屏模式
  • 文章目录
  • 站点概览
忘忧

忘忧

君子藏器于身,待时而动,何不利之有

44 日志
6 分类
60 标签
RSS
Github E-mail StackOverflow
Creative Commons
0%
© 2025 忘忧
由 Halo 强力驱动