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属性用于设置弹出框中显示的内容。

相关推荐
青青家的小灰灰11 分钟前
拒绝 Prop Drilling 与隐式耦合:Vue 组件通讯的全景指南与最佳实践
前端·javascript·vue.js
streaker30313 分钟前
多 IDE/Agent 环境下的 Skill 管理方案
前端·javascript·ai编程
进击的尘埃20 分钟前
Playwright Component Testing 深度拆解:组件挂载到底干了啥,视觉快照又怎么塞进 CI
javascript
OpenTiny社区1 小时前
以界面重构文字,GenUI 正式发布!
前端·vue.js·ai编程
yuki_uix1 小时前
深入理解 JavaScript 的 this:从困惑到掌握的完整指南
前端·javascript
学以智用1 小时前
Vue 3 项目核心配置文件详解
前端·vue.js
yuki_uix1 小时前
Promise 与 async/await:从回调地狱到优雅异步的演进之路
前端·javascript
Moment1 小时前
2026 趋势预测:Vibe Coding 之后,人人都会拥有专属 Agent 吗?
前端·javascript·后端
前端Hardy2 小时前
Bun 1.0 正式发布:JavaScript 运行时的新王者?启动快 5 倍,打包小 90%!
前端·javascript·面试
前端Hardy2 小时前
别再乱写正则了!一行 regex 可能让你的网站瘫痪 10 分钟
前端·javascript·面试