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

相关推荐
美酒没故事°6 小时前
vue3拖拽+粘贴的综合上传器
前端·javascript·typescript
zhengxianyi5158 小时前
只需3句让Vue3 打包部署后通过修改配置文件修改全局变量——实时生效
vue.js·前后端分离·数据大屏·ruoyi-vue-pro优化
可问春风_ren9 小时前
前端文件上传详细解析
前端·ecmascript·reactjs·js
Miketutu11 小时前
Flutter学习 - 组件通信与网络请求Dio
开发语言·前端·javascript
摘星编程11 小时前
React Native for OpenHarmony 实战:Swiper 滑动组件详解
javascript·react native·react.js
鸣弦artha11 小时前
Flutter框架跨平台鸿蒙开发——Build流程深度解析
开发语言·javascript·flutter
QQ40220549612 小时前
python基于vue的大学生课堂考勤系统设计与实现django flask pycharm
vue.js·python·django
LongJ_Sir14 小时前
Cesium--可拖拽气泡弹窗(Vue3版)
javascript
跟着珅聪学java14 小时前
JavaScript 中定义全局变量的教程
javascript
午安~婉15 小时前
整理知识点
前端·javascript·vue