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

相关推荐
minglie15 分钟前
mqtt接入事件回调测试
前端·javascript
Luna-player21 分钟前
Webpack vs Vite
前端·vue.js·webpack
Cg1362691597425 分钟前
js引入方式
前端·javascript·ajax
zhaoyin199442 分钟前
JavaScript面试题笔记
java·javascript·笔记
计算机学姐1 小时前
基于SpringBoot的宠物诊所管理系统
java·vue.js·spring boot·后端·spring·elementui·宠物
a1117761 小时前
堆叠式流程图编辑器(html 开源)
开发语言·前端·javascript·开源·编辑器·html·流程图
兆子龙1 小时前
前端必学:完美组件封装的 7 个原则
前端·javascript
兆子龙1 小时前
ahooks useDebounce 与 useThrottle:防抖节流的最佳实践
java·javascript
兆子龙1 小时前
React 性能坑:别让 AI 踩了,快来添加 rule 吧
前端·javascript
光影少年1 小时前
Vue的生命周期有哪些及执行机制?
前端·vue.js·掘金·金石计划