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

Vue2:el-tree用scope slot为每一个节点添加一个鼠标悬浮时出现的右对齐的按钮

el-tree中,每一个节点后面添加一个按钮,响应除节点点击事件之外的操作,要求:

1、按钮在鼠标悬浮在该节点之上时才出现

2、按钮右对齐

实现如下。

1、为每个节点添加按钮

从官网说明来看,有两种方式添加按钮,render-content和 scoped slot,我使用的是scoped slot方式:

<el-tree
              :data="projectOptions"
              :props="defaultProjectTreeProps"
              default-expand-all
              ref="tree"
              row-key="unid"
              tooltip-effect="light"
              :highlight-current="true"
              @node-click="handleNodeClick"
            >
              <span slot-scope="{ node, data }">
            

http://www.kler.cn/a/511990.html

相关文章:

  • C++实现Point2D类 有限元基础类
  • SSM课设-学生管理系统
  • 农业农村大数据应用场景|珈和科技“数字乡村一张图”解决方案
  • ARM架构中如何判断stage 1 on/off
  • 嵌入式硬件篇---PID控制
  • 动手学大数据-3社区开源实践
  • C# 事件(Event)详解
  • C++和OpenGL实现3D游戏编程【连载21】——父物体和子物体模式实现
  • PyTorch框架——基于WebUI:Gradio深度学习ShuffleNetv2神经网络蔬菜图像识别分类系统
  • 【深度学习】傅里叶变换
  • WPS不登录无法使用基本功能的解决方案
  • MySQL快速入门——库的操作
  • Golang学习笔记_28——工厂方法模式
  • Arcgis Pro安装完成后启动失败的解决办法
  • 亚马逊库存管理sql记录
  • JUnit单元测试
  • OpenAI进军实体机器人:GPT赋能的智能未来
  • 成就与远见:2024年技术与思维的升华
  • [Unity]【游戏开发】 脚本创建物体的实践与技巧
  • C语言--深入printf
  • 阿里云安装mikrotik7配置内网互通
  • 欧拉(Euler 22.03)安装安装proxysql
  • 解决Spring+Vue的跨域问题
  • 精选了几道MySQL的大厂面试题,被提问的几率很高!
  • JavaScript笔记APIs篇02——DOM事件
  • 【Maui】下拉框的实现,绑定键值对