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

相关推荐
沐风。561 分钟前
TypeScript
前端·javascript·typescript
NuLL27 分钟前
全场景智能克隆工具:超越 JSON.parse(JSON.stringify())
javascript
编程小Y28 分钟前
Vue 3 + Vite
前端·javascript·vue.js
_请输入用户名1 小时前
Vue3 Patch 全过程
前端·vue.js
Hilaku1 小时前
Canvas 粒子特效:带你写一个黑客帝国同款的代码雨(附源码)😆
前端·javascript·前端框架
狗哥哥2 小时前
前端权限系统的“断舍离”:从安全防线到体验向导的架构演进
vue.js·架构
CC码码2 小时前
前端字符串排序搜索可以更加细化了
前端·javascript·面试
Crystal3283 小时前
冒泡排序 bubble sort
前端·javascript·面试
阿蓝灬3 小时前
clientWidth vs offsetWidth
前端·javascript
用户90443816324603 小时前
从40亿设备漏洞到AI浏览器:藏在浏览器底层的3个“隐形”原理
前端·javascript·浏览器