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 分钟前
响应式记录
前端·vue.js
北辰alk6 分钟前
Vue打包后静态资源图片失效?一网打尽所有解决方案!
vue.js
干就完了19 分钟前
关于git的操作命令(一篇盖全),可不用,但不可不知!
前端·javascript
hjt_未来可期9 分钟前
js实现替换输入框中选中的文字
javascript·vue.js
之恒君9 分钟前
JavaScript 垃圾回收机制详解
前端·javascript
是你的小橘呀10 分钟前
像前任一样捉摸不定的异步逻辑,一文让你彻底看透——JS 事件循环
前端·javascript·面试
Tzarevich10 分钟前
JavaScript 继承与 `instanceof`:从原理到实践
javascript
前端老宋Running13 分钟前
你的代码在裸奔?给 React 应用穿上“防弹衣”的保姆级教程
前端·javascript·程序员
前端老宋Running14 分钟前
“求求你别在 JSX 里写逻辑了” —— Headless 思想与自定义 Hook 的“灵肉分离”术
前端·javascript·程序员
alamhubb14 分钟前
前端终于不用再写html,可以js一把梭了,我的ovs(不写html,兼容vue)的语法插件终于上线了
javascript·vue.js·前端框架