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

相关推荐
@––––––4 分钟前
力扣hot100—系列8-回溯算法
javascript·算法·leetcode
phltxy6 分钟前
Vue核心进阶:v-model深度解析+ref+nextTick实战
前端·javascript·vue.js
三小河9 分钟前
React 样式——styled-components
前端·javascript·后端
Jing_Rainbow39 分钟前
【React-10/Lesson94(2026-01-04)】React 性能优化专题:useMemo & useCallback 深度解析🚀
前端·javascript·react.js
白中白1213844 分钟前
Vue系列-3
前端·javascript·vue.js
无巧不成书02181 小时前
React Native 深度解析:跨平台移动开发框架
javascript·react native·react.js·华为·开源·harmonyos
奋斗吧程序媛2 小时前
vue3初体验(1)
前端·javascript·vue.js
资深web全栈开发2 小时前
设计模式之桥接模式 (Bridge Pattern)
javascript·设计模式·桥接模式
UIUV2 小时前
语义化搜索学习笔记(结合代码实战)
javascript·后端·node.js
2301_796512522 小时前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:订单步骤条实践
javascript·react native·react.js·ecmascript·harmonyos