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

相关推荐
利刃大大8 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
Lhuu(重开版8 小时前
JS:正则表达式和作用域
开发语言·javascript·正则表达式
yuguo.im10 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜10 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
摘星编程11 小时前
用React Native开发OpenHarmony应用:NFC读取标签数据
javascript·react native·react.js
AGMTI13 小时前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript
码界奇点13 小时前
基于SpringBoot+Vue的前后端分离外卖点单系统设计与实现
vue.js·spring boot·后端·spring·毕业设计·源代码管理
不吃香菜的猪13 小时前
使用@vue-office/pdf时,pdf展示不全
javascript·vue.js·pdf
wuhen_n13 小时前
TypeScript的对象类型:interface vs type
前端·javascript·typescript
css趣多多14 小时前
props,data函数,computed执行顺序
前端·javascript·vue.js