element-ui tooltip 组件源码分享

devtools/2025/3/6 14:47:15/

tooltip 组件源码分享,主要从以下两个方面:

1、tooltip 组件页面结构。

2、tooltip 组件属性。

一、组件页面结构。

二、组件属性。

2.1 effect 默认提供的主题,类型为 string,可选值有 dark/light,默认 dark。

2.2 content 显示的内容,类型为 string,无默认值。

2.3 placement tooltip 出现的位置,类型为 string,可选值有 top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end,默认值为 bottom。

2.4 value / v-model 状态是否可见,类型为 boolean,默认 false。

2.5 disabled tooltip 是否可用,类型为 boolean,默认 false。

2.6 offset 出现位置的偏移量,类型为 number,默认 0。

 

2.7 transition 定义渐变动画,类型为 string,默认 el-fade-in-linear。

2.8 visible-arrow tooltip 是否显示箭头,类型为 boolean,默认 true。

2.9 popper-options popper.js 的参数,类型为 object,默认 { boundariesElement: 'body', gpuAcceleration: false }。

2.10 open-delay 延迟出现,单位毫秒,类型为 number,默认 0。

2.11 manual 手动控制模式,设置为 true 后,mouseenter 和 mouseleave 事件将不会生效,类型为 boolean,默认 false。

2.12 popper-class 为 Tooltip 的 popper 添加类名,类型 string,无默认值。

2.13 enterable 鼠标是否可进入到 tooltip 中,类型为 boolean,默认 true。

2.14 hide-after Tooltip 出现后自动隐藏延时,单位毫秒,为 0 则不会自动隐藏,类型为 number,默认 0。

2.15 tabindex tooltip 组件的 tabindex,类型为 number,默认为 0。

 


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

相关文章

centos和ubuntu下安装redis

1,判断环境是否有gcc gcc --version 如果未安装则执行 yum install -y gcc tcl 2,安装包下载,编译安装 cd /usr/local mkdir redis wget https://download.redis.io/releases/redis-4.0.11.tar.gz tar -xvf redis-4.0.11.tar.gz cd redis-4.0.11 编译 m…

Ubuntu ollama 指定 gpu devices

现状 在二卡机上安装了 dify ollama deepseek stable-diffusion,如果同时运行会提示 OutOfMemoryError: CUDA out of memory. Tried to allocate 74.00 MiB. GPU,在服务器上运行 nvidia-smi -l 明显能看到 gpu 打满了,主要是 stable-diff…

大数据学习(53)-Hive与Impala

&&大数据学习&& 🔥系列专栏: 👑哲学语录: 承认自己的无知,乃是开启智慧的大门 💖如果觉得博主的文章还不错的话,请点赞👍收藏⭐️留言📝支持一下博主哦&#x1f91…

LangChain-08 Query SQL DB 通过GPT自动查询SQL

我们需要下载一个 LangChain 官方提供的本地小数据库。 安装依赖 SQL: https://raw.githubusercontent.com/lerocha/chinook-database/master/ChinookDatabase/DataSources/Chinook_Sqlite.sql Shell: pip install --upgrade --quiet langchain-core langchain-community la…

AD学习-最小系统板,双层

第一章 简单电阻容模型的创建 捕捉栅格在摆放器件时,一般设置成 10mil。移动器件时一般设置成100mil。 比如绘制电容的原理图库,直接就是两根线条竖着成电容, 按Tab键进行颜色变更,按shift键拖动会复制一个出来。 …

生命周期总结(uni-app、vue2、vue3生命周期讲解)

一、vue2生命周期 Vue2 的生命周期钩子函数分为 4 个阶段:创建、挂载、更新、销毁。 1. 创建阶段 beforeCreate:实例初始化之后,数据观测和事件配置之前。 created:实例创建完成,数据观测和事件配置已完成&#xff0c…

23种设计模式之《访问者模式(Visitor)》在c#中的应用及理解

程序设计中的主要设计模式通常分为三大类,共23种: 1. 创建型模式(Creational Patterns) 单例模式(Singleton):确保一个类只有一个实例,并提供全局访问点。 工厂方法模式&#xff0…

GaussianCity:实时生成城市级数字孪生基底的技术突破

在空间智能领域,如何高效、大规模地生成高质量的3D城市模型一直是一个重大挑战。传统方法如NeRF和3D高斯溅射技术(3D-GS)在效率和规模上存在显著瓶颈。GaussianCity通过创新性的技术方案,成功突破了这些限制,为城市级数字孪生的构建提供了全新路径。 一、核心创新:突破传…