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

相关推荐
海带紫菜菠萝汤几秒前
WebCodecs API 实战:浏览器原生视频编解码的原理与性能测试
前端·javascript·音视频·视频编解码
GitLqr1 小时前
提升 Web 开发效率:我常用的 10 个 TypeScript 实战技巧
vue.js·react.js·typescript
前端炒粉1 小时前
简易实现ssr
开发语言·前端·javascript
meilindehuzi_a3 小时前
Node.js + LangChain.js + Milvus 实战:从 EPUB 入库到《天龙八部》RAG 问答系统
javascript·langchain·node.js
勇往直前plus3 小时前
Vue3(篇四)单页面应用到路由管理
javascript·typescript·前端框架·vue
不简说4 小时前
JS 代码技巧 vol.9 — 20 个设计模式在真实项目里的应用
前端·javascript·github
勇往直前plus5 小时前
Vue3(篇三) Element Plus
前端·javascript·typescript·vue
AI_paid_community5 小时前
机械研发人员如何使用 Claude?
java·vue.js
Revolution615 小时前
数组本身没有 map,为什么还能直接调用:原型链怎样查找属性
前端·javascript·面试
cdcdhj5 小时前
vue3中的watchEffect()监听,什么时候监听,什么时候清理,什么时候停止
前端·javascript·vue.js