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

element-ui popover 组件源码分享

 popover 弹出层组件源码,主要从一下四个方面来分享:

1、popover  组件页面结构。

2、popover  组件属性。

3、popover  组件 slot 挂载。

4、popover 组件事件。

一、组件页面结构。

二、组件属性。

2.1 trigger 触发方式,类型为 string,可选值 click/focus/hover/manual,默认值 click。

2.2 title 标题,类型为 string,无默认值。

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

2.4 width 宽度,类型为 string、number,默认 150px。

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

2.6 disabled popover 是否可用,类型为 boolean,默认 false。

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

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

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

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

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

2.12 popper-class 为 popover 增加类名, 类型为 string,无默认值。

 2.13 open-delay 触发方式为 hover 时的显示延迟,单位为毫秒,类型为 number,默认 0。

2.14 close-delay 触发方式为 hover 时的隐藏延迟,单位为毫秒,类型为 number,默认 200。

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

三、slot 挂载。

2.8 reference 触发 Popover 显示的 HTML 元素。

四、事件。

4.1 show 显示时触发、hide 隐藏时触发。

4.2 after-enter 显示动画播放完毕后触发。

4.4 after-leave 隐藏动画播放完毕后触发。


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

相关文章:

  • 安装与配置 STK-MATLAB 接口
  • 红果短剧安卓+IOS双端源码,专业短剧开发公司
  • git push报错【remote: You are not allowed to push code to this project.】解决办法
  • Leetcode 刷题记录 03 —— 滑动窗口
  • 进程存储相关的关键数据结构
  • 网络编程 day4
  • 使用开源OPUS-MT模型进行文本翻译(python)
  • 针对Ollama进行DeepSeek本地部署存在的安全风险,使用nginx进行反向代理配置是一种有效的解决方案
  • 开发环境搭建-07.后端环境搭建-前后端联调-Nginx反向代理和负载均衡配置
  • 微软发布Dragon Copilot,打造医疗行业首款AI语音助手
  • 深度学习代码解读——自用
  • Qt调试功能使用方法
  • bash: uwsgi: 未找到命令
  • 基于Python+openGauss实现(图形界面)多功能本地视频播放系统
  • 使用 Apache POI 实现 Excel 单元格合并
  • uniapp 安卓app图片回显,默认不支持http图片地址,上传图片和回显图片
  • 腾讯 TDF 即将开源 Kuikly 跨端框架,Kotlin 支持全平台
  • 人工智能与深度学习的应用案例:从技术原理到实践创新
  • 紫光无人机AI飞控平台2.0——航线管理模块
  • ⭐算法OJ⭐N-皇后问题【回溯剪枝】(C++实现)N-Queens