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

相关推荐
二狗哈16 分钟前
Cesium快速入门15:图元Primitive创建图像物体
开发语言·javascript·3d·webgl·cesium·地图可视化
qq_4275060822 分钟前
基于Vue 3和Element Plus利用h、render函数写一个简单的tooltip局部or全局指令
前端·javascript·vue.js
泥菩萨^_^35 分钟前
【每天认识一个漏洞】React 和 Next.js RCE漏洞
前端·javascript·react.js
m0_4711996337 分钟前
【vue】收银界面离线可用,本地缓存订单,网络恢复后同步
网络·vue.js·缓存
1024肥宅41 分钟前
JavaScript常用设计模式完整指南
前端·javascript·设计模式
董世昌411 小时前
js怎样控制浏览器前进、后退、页面跳转?
开发语言·前端·javascript
走,带你去玩1 小时前
uniapp live-pusher + 腾讯云直播
前端·javascript·uni-app
徐同保1 小时前
electron打包项目
前端·javascript·electron
Maybyy1 小时前
如何在项目里面添加一个可以左右翻动并显示指定日期的日历
前端·vue.js