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

相关推荐
子兮曰3 小时前
Chrome 权限元素实战:144 与 151 的渐进增强写法
前端·javascript·chrome
强尼银手3 小时前
我花一天做了个格斗游戏原型,判定全对,然后被「美术」劝退了
前端·javascript
总要学点什么4 小时前
第98篇:三维特效-材质线效果——给一条线换十种材质,虚线的图案只填了一半
开发语言·前端·javascript·ecmascript·gis·webgl·材质
10share5 小时前
基于大模型的 i18n 方案:把中文原文当 Key,轻松搞定多语言维护
前端·vue.js
OpsEye5 小时前
混合云 AI 架构,如何统一做敏感内容拦截?
javascript·ai编程
Funlang7 小时前
给机器写的 JavaScript 造个笼子
开发语言·javascript·ecmascript
古茗前端团队7 小时前
由 key 引发的思考
前端·javascript·react.js
kyriewen7 小时前
我扫了 422 个仓库,近一半 CI 在裸装依赖
前端·javascript·程序员
啾咪orJIUMI10 小时前
Vue 3 + 高德地图封装实战:点位、区域、Loca 流光与 Vue 信息窗体
前端·vue.js
FRing0310 小时前
vue2干货总结8(路由模块封装、router-link、声明式导航、路由重定向、编程式导航)
开发语言·前端·vue.js·vue2