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

相关推荐
持久的棒棒君3 分钟前
ElementUI 2.x 输入框回车后在调用接口进行远程搜索功能
前端·javascript·elementui
一 乐19 分钟前
租拼车平台|小区租拼车管理|基于java的小区租拼车管理信息系统小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·微信·notepad++·拼车
小程xy3 小时前
react 知识点汇总(非常全面)
前端·javascript·react.js
寻找09之夏4 小时前
【Vue3实战】:用导航守卫拦截未保存的编辑,提升用户体验
前端·vue.js
非著名架构师4 小时前
js混淆的方式方法
开发语言·javascript·ecmascript
多多米10055 小时前
初学Vue(2)
前端·javascript·vue.js
敏编程5 小时前
网页前端开发之Javascript入门篇(5/9):函数
开发语言·javascript
看到请催我学习5 小时前
内存缓存和硬盘缓存
开发语言·前端·javascript·vue.js·缓存·ecmascript
XiaoYu20027 小时前
22.JS高级-ES6之Symbol类型与Set、Map数据结构
前端·javascript·代码规范
golitter.7 小时前
Vue组件库Element-ui
前端·vue.js·ui