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

el-tree右键节点动态位置展示菜单;el-tree的节点图片动态根据节点属性color改变背景色;加遮罩层(opacity)

一、el-tree右键节点动态位置展示菜单

关键:@node-contextmenu="handleRightClick"与@node-click=“handleNodeClick”

<div class="content"><el-tabs class="tabs" @tab-click="handleClick" v-model="Modal"><el-tab-pane label="外地" name="on"><el-inputv-model="onFilterText"placeholder="搜索"clearable/><el-scrollbar><el-tree ref="onRef":data="onData" node-key="id" :filter-node-method="filterOnNode"@node-contextmenu="handleRightClick"@node-click="handleNodeClick" default-expand-all ><template #default="{ node, data }"><slot :node="node" :data="data"><img :src="data.icon" style="height: 25px;width: 25px"><span style="margin: 0 10px;">{{ data.name }}</span></slot></template></el-tree></el-scrollbar></el-tab-pane>
http://www.lryc.cn/news/547177.html

相关文章:

  • K8s 1.27.1 实战系列(一)准备工作
  • 说一下SpringBoot3新特新和JDK17新特性
  • Linux系统服务安全检测手记
  • 鸿蒙与DeepSeek深度整合:构建下一代智能操作系统生态
  • [创业之路-329]:华为铁三角实施的步骤
  • 1.15-16-17-18迭代器与生成器,函数,数据结构,模块
  • java面向对象(详细讲解)
  • 代码随想录二刷|图论2
  • 毕业项目推荐:基于yolov8/yolov5/yolo11的暴力行为检测识别系统(python+卷积神经网络)
  • 服务器CPU微架构
  • 用本地浏览器打开服务器上使用的Tensorboard
  • Nginx或Tengine服务器配置SSL证书
  • 【基础4】插入排序
  • 2安卓开发的主要语言
  • Python练习(握手问题,进制转换,日期问题,位运算,求和)
  • vtk 3D坐标标尺应用 3D 刻度尺
  • 蓝桥杯每日一题:第一周周四哞叫时间
  • DeepSeek本地接口调用(Ollama)
  • 自由学习记录(41)
  • 【编写UI自动化测试集】Appium+Python+Unittest+HTMLRunner​
  • 大模型如何协助知识图谱进行实体关系之间的分析
  • 推荐几款优秀的PDF转电子画册的软件
  • 【大模型技术】LlamaFactory 的原理解析与应用
  • Golang依赖注入实战:从容器管理到应用实践
  • Node.js二:第一个Node.js应用
  • 【Python爬虫】利用代理IP爬取跨境电商AI选品分析
  • 生命周期总结(uni-app、vue2、vue3生命周期讲解)
  • 计算机数据库三级刷题总结(博主89分已过,总结的内容分享)
  • mfc140u.dll是什么?当程序遭遇mfc140u.dll问题:快速恢复正常的秘诀
  • AI是否能真正理解人类情感?从语音助手到情感机器人