vue el-popover hover延时触发,el-popover 鼠标放上三秒以后触发

背景:el-popover hover只要鼠标刮过就显示 多个el-popover出现加载卡顿

解决方案

给el-popover加一个延时显示

go 复制代码
<template>
  <div>
    <el-popover
      trigger="hover"
      :open-delay="3000"
      content="这是一个Popover"
    >
      <button>鼠标放上三秒触发</button>
    </el-popover>
  </div>
</template>

通过设置open-delay属性为3000(即3秒),在鼠标放上按钮3秒后,弹出框会显示。content属性用于设置弹出框中显示的内容。

相关推荐
梦想的颜色2 小时前
TypeScript 完全指南(下):从类型体操到生产级配置
前端·javascript·typescript
888CC++5 小时前
如何在 C 语言中进行程序调试?
前端·javascript·算法
kyriewen7 小时前
我招了一个“Prompt工程师”来写前端,结果项目差点崩了
前端·javascript·面试
小新1107 小时前
从零开始 Vue.js
前端·javascript·vue.js
naildingding8 小时前
Vue基础核心
前端·vue.js
Delicate8 小时前
JavaScript的“变脸”艺术:类型转换戏法大揭秘
javascript
前端Hardy8 小时前
21.8 万周下载!这个 React 表格组件,10 行代码就能跑起来
前端·javascript·后端
陈_杨8 小时前
鸿蒙APP开发-带你走进胶片录的拍摄记录管理
前端·javascript
陈_杨8 小时前
鸿蒙APP开发-带你走进胶片录的相机控制
前端·javascript
陈_杨8 小时前
鸿蒙APP开发-带你走进节流战的Canvas图表
前端·javascript