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

相关推荐
仍然.30 分钟前
算法题目---模拟
java·javascript·算法
我命由我123452 小时前
React - 类组件 setState 的 2 种写法、LazyLoad、useState
前端·javascript·react.js·html·ecmascript·html5·js
聊聊MES那点事2 小时前
JavaScript图表控件AG Charts使用教程:使用AG Charts React实时更新柱状图
开发语言·javascript·react.js·图表控件
斯班奇的好朋友阿法法3 小时前
离线ollama导入Qwen3.5-9B.Q8_0.gguf模型
开发语言·前端·javascript
莫物4 小时前
vue过滤表格数据导致的索引错乱问题
前端·javascript·vue.js
竹林8184 小时前
从监听失败到实时更新:我在NFT铸造项目中搞定合约事件监听的全过程
前端·javascript
光影少年4 小时前
手写防抖和节流
前端·javascript·前端框架
后藤十八里5 小时前
维普期刊逆向笔记
javascript·笔记·js逆向
Можно5 小时前
Vue 组件样式隔离完全指南:从原理到实战
前端·javascript·vue.js
elseif1235 小时前
【Markdown】指南(上)
linux·开发语言·前端·javascript·c++·笔记