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

相关推荐
发现一只大呆瓜24 分钟前
SSO单点登录:从同域到跨域实战
前端·javascript·面试
发现一只大呆瓜25 分钟前
告别登录中断:前端双 Token无感刷新
前端·javascript·面试
Cg136269159741 小时前
JS-对象-Dom案例
开发语言·前端·javascript
lxh01132 小时前
数据流的中位数
开发语言·前端·javascript
神仙别闹2 小时前
基于NodeJS+Vue+MySQL实现一个在线编程笔试平台
前端·vue.js·mysql
雨雨雨雨雨别下啦6 小时前
Vue案例——面经
前端·javascript·vue.js
myNameGL7 小时前
ArkTs核心语法
前端·javascript·vue.js
浏览器API调用工程师_Taylor7 小时前
web逆向之小红书无水印图片提取工具
前端·javascript·逆向
yuki_uix7 小时前
性能指标与优化:从 Core Web Vitals 到实战
前端·javascript
简单不容易7 小时前
vue一次解决监听H5软键盘弹出和收起的兼容问题
javascript·vue.js