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

相关推荐
FRing036 分钟前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿26 分钟前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
速易达网络3 小时前
ECharts 图表制作完全指南:从零到可视化实战
前端·javascript·echarts
徐小夕3 小时前
深度剖析 30k star 的编码 Agent DeepSeek-Reasonix:长会话 Token 成本直降 80%
前端·vue.js·github
paopaokaka_luck4 小时前
灾害应急物资管理系统(AI应急助手、Echarts可视化数据看板、捐赠入库联动、 物资全流程管理、库存变动追溯、灾情资讯与互动反馈、物资发放公示)
java·前端·javascript·spring boot·mysql·tomcat·echarts
kyriewen4 小时前
我验了 7 种 sticky 失效说法:3 种根本不成立
前端·javascript·程序员
tryCbest4 小时前
ES6 ( ECMAScript 2015)核心语法
前端·ecmascript·es6
我命由我123455 小时前
Python 实用操作 - 文件操作(打开与关闭文件、读取文件、文件写入)
java·开发语言·前端·javascript·数据库·python·java-ee
Momo__6 小时前
你写的 import 重试,从来没生效过
前端·javascript·typescript
ruanno_top6 小时前
1 万行表格只渲染 18 行:虚拟滚动让我放弃了三个功能
vue.js