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

相关推荐
C_心欲无痕16 小时前
vue3 - shallowReactive浅层响应式对象(只对顶层属性)
前端·javascript·vue.js
AY呀16 小时前
新手必读:React组件从入门到精通,一篇文章搞定所有核心概念
前端·javascript·react.js
用户120391129472616 小时前
LangChain 实战:让 LLM 拥有记忆与结构化输出能力
javascript·langchain·llm
Maxkim16 小时前
「✍️JS原子笔记 」一文搞懂 call、apply、bind 特征及手写实现
前端·javascript·面试
A242073493017 小时前
深入理解JS DOM:从基础操作到性能优化的全面指南
开发语言·javascript·ecmascript
Zyx200717 小时前
手写 `new`:揭开 JavaScript 实例化背后的秘密
javascript
布局呆星17 小时前
Vue 3 事件处理与列表渲染---02
前端·javascript·vue.js
血小溅17 小时前
Vue3 基础教程
vue.js
码界奇点17 小时前
基于Spring Boot和Vue的多通道支付网关系统设计与实现
vue.js·spring boot·后端·毕业设计·鸿蒙系统·源代码管理
syt_101317 小时前
设计模式之-状态模式
javascript·设计模式·状态模式