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

相关推荐
533_2 小时前
[element-plus] el-tabs和el-menu联动
前端·javascript·vue.js
索西引擎5 小时前
【React】JSX:JavaScript 语法扩展的本质、编译机制与表达能力分析
前端·javascript·react.js
牧濑红莉13 小时前
网络安全竞赛pwn全解及第一道ai的wp
javascript·.net
kyriewen14 小时前
别再用AI debug了——这5种bug越修越烂
前端·javascript·ai编程
顾昂_15 小时前
内存泄漏排查和 Chrome DevTools 使用教程
前端·javascript·面试
An_s16 小时前
rust开发wasm与浏览器(js)交互
javascript·rust·wasm
山河木马17 小时前
GPU自动处理专题4-填充覆盖区域(光栅化)
javascript·webgl·计算机图形学
悦儿遥遥雨117 小时前
PXE + Kickstart 无人值守批量部署系统
linux·javascript·nginx
清秋17 小时前
全网最全 ECMAScript 攻略( 更新至 ES2026)
前端·javascript·编程语言
Hilaku18 小时前
为什么 AI 写前端时,总是优先选择 React,而不是 Vue?
前端·javascript·程序员