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

相关推荐
比尔盖茨的大脑6 分钟前
事件循环底层原理:从 V8 引擎到浏览器实现
前端·javascript·面试
bluceli7 分钟前
Vue 3 Composition API深度解析:构建可复用逻辑的终极方案
前端·vue.js
程序员ys9 分钟前
前端权限控制设计
前端·vue.js·react.js
卓卓不是桌桌9 分钟前
如何优雅地处理 iframe 跨域通信?这是我的开源方案
javascript·架构
滕青山23 分钟前
腾讯域名拦截查询 在线工具核心JS实现
前端·javascript·vue.js
进击的尘埃41 分钟前
TypeScript 协变与逆变:你的泛型组件 Props 为什么总是类型报错?
javascript
helloweilei43 分钟前
javascript 结构化克隆
javascript·node.js
龙猫不热43 分钟前
从 0 手写 Promise:拆解 Promise 链式调用的实现原理
前端·javascript·面试
wuhen_n3 小时前
TypeScript 强力护航:PropType 与组件事件类型的声明
前端·javascript·vue.js
wuhen_n3 小时前
组件设计原则:如何设计一个高内聚、低耦合的 Vue 组件
前端·javascript·vue.js