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

devtools/2025/1/21 16:38:38/

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

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

2、按钮右对齐

实现如下。

1、为每个节点添加按钮

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

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

http://www.ppmy.cn/devtools/152378.html

相关文章

小红书用户作品列表 API 系列,返回值说明

item_search_shop_video-获得某书用户作品列表 公共参数 名称类型必须描述keyString是调用key&#xff08;必须以GET方式拼接在URL中&#xff09;secretString是调用密钥api_nameString是API接口名称&#xff08;包括在请求地址中&#xff09;[item_search,item_get,item_sea…

VB.net实战(VSTO):解决WPS Ribbon图标灰色背景

问题&#xff1a;用VSTO制作插件&#xff0c;在MS Office中图标显示正常&#xff0c;但在WPS Office中图标显示为灰色背景 原因&#xff1a;使用的图标是纯透明背景的&#xff0c;这样的图标在WPS中会变为灰色背景。 以下这个解决办法是我自己摸索出来的&#xff0c;对您有用的…

你了解什么是股指期货贴水套利吗?

首先&#xff0c;咱们来聊聊什么是股指期货。股指期货&#xff0c;简单来说&#xff0c;就是一种以股价指数为“标的物”的期货合约。就像咱们平时买卖的商品期货&#xff0c;比如大豆、原油那些&#xff0c;只不过这里交易的“商品”是股价指数&#xff0c;是一种标准化的金融…

我的常用vim操作

(Owed by: 春夜喜雨 http://blog.csdn.net/chunyexiyu) 我的常用vi操作 1. 文件打开与保存 打开文件操作&#xff1a;vi xxx.h 查看文件&#xff0c;不修改&#xff0c;&#xff1a;view xxx.h 写入并保存&#xff1a;:wq 或 :x 有修改强制退出&#xff0c;不保存&#x…

Golang学习笔记_27——单例模式

Golang学习笔记_24——泛型 Golang学习笔记_25——协程Golang学习笔记_25——协程 Golang学习笔记_26——通道 文章目录 单例模式1. 介绍2. 应用场景3. 实现3.1 饿汉式3.2 懒汉模式 源码 单例模式 1. 介绍 单例模式是一种创建型设计模式&#xff0c;它确保一个类只有一个实例…

C语言:-三子棋游戏代码:分支-循环-数组-函数集合

思路分析&#xff1a; 1、写菜单 2、菜单之后进入游戏的操作 3、写函数 实现游戏 3.1、初始化棋盘函数&#xff0c;使数组元素都为空格 3.2、打印棋盘 棋盘的大概样子 3.3、玩家出棋 3.3.1、限制玩家要下的坐标位置 3.3.2、判断玩家要下的位置是否由棋子 3.4、电脑出棋 3.4.1、…

Nginx调优

Nginx 是一个高性能的反向代理服务器和负载均衡器&#xff0c;在处理大量并发请求时表现出色。但是&#xff0c;随着系统负载的增加&#xff0c;Nginx 的性能可能受到多方面的影响&#xff0c;因此进行适当的调优至关重要。以下是 Nginx 调优的几个方向和关键点&#xff1a; 1…

日志(elk stack)基础语法学习,零基础学习

ELK Stack 是一组开源的日志管理工具&#xff0c;包括 Elasticsearch、Logstash 和 Kibana。Elasticsearch 用于存储和搜索日志数据&#xff0c;Logstash 用于收集和处理日志数据&#xff0c;而 Kibana 提供了一个强大的可视化界面来分析和监控这些数据。以下是 ELK Stack 的基…