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

相关推荐
一 乐2 分钟前
购物商城|基于SprinBoot+vue的购物商城系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
izx8882 分钟前
ES6+ 核心语法精讲:让 JavaScript 更优雅、更强大
javascript
BlackWolfSky5 分钟前
React Native学习路径与资源推荐
javascript·学习·react native
www_stdio5 分钟前
JavaScript 面向对象编程:从原型到 Class 的演进
前端·javascript
gustt6 分钟前
JavaScript 面向对象编程:从对象字面量到原型链继承,全链路彻底讲透
前端·javascript·面试
chéng ௹20 分钟前
uniapp vue3 unipush2.0 调用系统通知功能流程
前端·vue.js·uni-app
小菜今天没吃饱24 分钟前
DVWA-XSS(DOM)
前端·javascript·xss·dvwa
毕设十刻28 分钟前
基于Vue的企业管理系统pk6uy(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
MisterZhang66632 分钟前
vue3 markMap使用
vue.js·markmap
shaohaoyongchuang36 分钟前
vue_06跨域
前端·javascript·vue.js