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

相关推荐
reembarkation21 分钟前
vue3中使用howler播放音频列表
前端·vue.js·音视频
用户806138166591 小时前
发布为一个 npm 包
前端·javascript
TT_哲哲1 小时前
小程序双模式(文件 / 照片)上传组件封装与解析
前端·javascript
从文处安2 小时前
「九九八十一难」从回调地狱到异步秩序:深入理解 JavaScript Promise
前端·javascript
要换昵称了2 小时前
Axios二次封装及API 调用框架
前端·vue.js
进击的尘埃2 小时前
Node.js 子进程管理:child_process 模块的正确打开方式
javascript
angerdream2 小时前
最新版vue3+TypeScript开发入门到实战教程之Pinia详解
前端·javascript·vue.js
怜悯2 小时前
uniapp 如何实现google登录-安卓端
前端·javascript
TT_哲哲2 小时前
小程序解析字符串拼接多图 点击放大展示
前端·javascript
假装没有名字2 小时前
Vue2、Vue3中的$scopedSlots和$slots区别
vue.js