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

相关推荐
冴羽yayujs3 小时前
JavaScript 9 个先有库再有 API 的故事
开发语言·javascript·ecmascript
m0_751018663 小时前
docker 安装 nginx
vue.js·nginx·docker
油丶酸萝卜别吃4 小时前
JavaScript 深度合并函数 deepMerge 实现指南(附完整测试用例)
开发语言·javascript·测试用例
kyriewen4 小时前
Copilot下个月按Token收钱,我算了一笔账:重度用户一年要多花3000块
前端·javascript·openai
zyl837214 小时前
3Dmol.js + Vue3快速上手
vue.js
镜宇秋霖丶4 小时前
2026.5.18@霖宇博客制作中遇见的问题
vue.js
w_t_y_y4 小时前
VUE3(二)VUE2和VUE3区别
前端·javascript·vue.js
阿明在折腾4 小时前
在浏览器里实现 PDF 合并与拆分:pdf-lib 实战指南
前端·javascript
不是山谷.:.4 小时前
Axios的【接口防抖 + 请求失败重试 + 弱网提示】三合一高阶版封装
前端·javascript·vue.js·笔记·elementui·typescript
超绝大帅哥4 小时前
babel降级|>, Object.groupBy
前端·javascript