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 分钟前
Flutter---StreamBuilder案例
javascript·windows·flutter
遇乐的果园2 小时前
前端学习笔记-vue列表处理
前端·vue.js·学习
何时梦醒2 小时前
🤖 RAG 文档分割器(Splitter)深度学习笔记 —— 从零搭建知识库文档处理流水线
前端·javascript·人工智能
ss2732 小时前
Vue 完整版本发展史时间线(2013–2026)|版本迭代里程碑+核心特性对照表
前端·javascript·vue.js
用户938515635072 小时前
知识库预处理实战:从URL加载到语义分块的全链路解析
javascript·人工智能·全栈
英勇无比的消炎药2 小时前
体积砍半、加载提速、请求不卡:TinyRobot 生产环境性能调优全攻略
vue.js
weedsfly2 小时前
前端开发中的命令模式——从点餐退单到异步任务调度
前端·javascript·面试
weedsfly2 小时前
前端中的适配器模式 vs 外观模式
前端·javascript·面试
labixiong2 小时前
写给前端的 Generator 指南:从 yield 到 async/await 的完整进化
前端·javascript·前端框架
gis开发之家2 小时前
《Vue3 从入门到大神32篇》Vue3 源码详解(二):从 GitHub Clone 到断点调试,手把手搭建源码阅读环境
vue.js·前端框架·github·vue3·vue3源码