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

相关推荐
胡萝卜术1 小时前
《JavaScript 语言精粹》第三章精读:对象——最基础也最容易被误解的基石
javascript
A南方故人1 小时前
vue3常用指令以及注册
前端·javascript·vue.js
helloweilei1 小时前
Vue 3 中 <script setup>顶层 await与 <Suspense>的结合使用
vue.js
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_62:(HTML调试与常见错误修复指南)
java·前端·javascript·ui·html·媒体
浮生望2 小时前
《JavaScript语言精粹》第3章:对象——JS世界的基石
javascript
Aolith2 小时前
从0到1实现帖子上传图片:我是如何复用头像上传逻辑的
vue.js·图片资源
学掌门3 小时前
JavaScript:为什么命名参数比位置参数更好
开发语言·javascript·ecmascript
usdoc文档预览3 小时前
国产化踩坑:Vue3 / React / 小程序如何免插件实现 OFD 及复杂 Office 文档同屏预览
前端·javascript·react.js·小程序·pdf·word·office文件在线预览
坏小虎3 小时前
【聊天列表组件选型建议】FlashList、FlatList、LegendList三种列表组件
javascript·react native·react.js
懂懂tty3 小时前
Vue3 手写响应式原理
前端·vue.js