当前位置: 首页 > news >正文

el-tree自定义节点内容

        <el-tree :data="data" :props="defaultProps" ref="treeRef" show-checkbox @check-change="handleCheckChange"><!-- 自定义节点内容 --><template #default="{ node, data, store }"><span class="tree-node-content"><!-- 黄色五角星 --><span v-if="node.level != 1" class="yellow-star" @click="handleStarClick(node)"><el-icon><Star /></el-icon></span><!-- 节点文本 --><span class="node-label">{{ node.label }}</span><span v-if="node.level != 1"style="width: 10px;height: 10px;background: red;border-radius: 50%;margin-left: 18px;"></span></span></template></el-tree>

效果图

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Java的线程实现
  • 实时捕捉与追溯:得物基于 eBPF 打造云上网络连接异常摄像头
  • Android常用面试题
  • 2024年8月一区SCI-海市蜃楼优化算法Fata morgana algorithm-附Matlab免费代码
  • C 语言中的头文件
  • Qt QSettings操作配置文件详细介绍
  • golang下载、上传文件MD5高效计算方法,利用io.TeeReader函数特性 实时计算文件md5签名
  • 数据结构-快速排序与归并排序(递归与非递归)
  • 大数据应用组件
  • C++ | Leetcode C++题解之第327题区间和的个数
  • 编程-笔记三:行为型设计模式-小结
  • 字符函数和字符串函数(2),C语言内存函数
  • JavaScript中的Truthy Falsy值以及等号判断
  • vue3中props无法watch
  • Midjourney入门-提示词基础撰写与公式
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • AHK 中 = 和 == 等比较运算符的用法
  • angular2开源库收集
  • C学习-枚举(九)
  • es6
  • Github访问慢解决办法
  • go append函数以及写入
  • java B2B2C 源码多租户电子商城系统-Kafka基本使用介绍
  • JavaScript对象详解
  • java小心机(3)| 浅析finalize()
  • JS进阶 - JS 、JS-Web-API与DOM、BOM
  • miniui datagrid 的客户端分页解决方案 - CS结合
  • Zsh 开发指南(第十四篇 文件读写)
  • 记一次和乔布斯合作最难忘的经历
  • 马上搞懂 GeoJSON
  • 如何实现 font-size 的响应式
  • 源码安装memcached和php memcache扩展
  • PostgreSQL之连接数修改
  • ​草莓熊python turtle绘图代码(玫瑰花版)附源代码
  • ​软考-高级-系统架构设计师教程(清华第2版)【第1章-绪论-思维导图】​
  • (~_~)
  • (2024)docker-compose实战 (8)部署LAMP项目(最终版)
  • (C++17) std算法之执行策略 execution
  • (PySpark)RDD实验实战——取最大数出现的次数
  • (zt)基于Facebook和Flash平台的应用架构解析
  • (不用互三)AI绘画工具应该如何选择
  • (附源码)spring boot公选课在线选课系统 毕业设计 142011
  • (离散数学)逻辑连接词
  • (十)DDRC架构组成、效率Efficiency及功能实现
  • (原创)boost.property_tree解析xml的帮助类以及中文解析问题的解决
  • (转)Groupon前传:从10个月的失败作品修改,1个月找到成功
  • (转)原始图像数据和PDF中的图像数据
  • .NET Conf 2023 回顾 – 庆祝社区、创新和 .NET 8 的发布
  • .Net Core 笔试1
  • .net core 依赖注入的基本用发
  • .Net Core/.Net6/.Net8 ,启动配置/Program.cs 配置
  • .NET 使用 ILMerge 合并多个程序集,避免引入额外的依赖
  • .NetCore Flurl.Http 升级到4.0后 https 无法建立SSL连接
  • .NET开发不可不知、不可不用的辅助类(一)
  • /etc/sudoers (root权限管理)