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

相关推荐
萧曵 丶9 小时前
Vue 中父子组件之间最常用的业务交互场景
javascript·vue.js·交互
Amumu1213810 小时前
Vue3扩展(二)
前端·javascript·vue.js
NEXT0610 小时前
JavaScript进阶:深度剖析函数柯里化及其在面试中的底层逻辑
前端·javascript·面试
牛奶12 小时前
你不知道的 JS(上):原型与行为委托
前端·javascript·编译原理
泓博12 小时前
Android中仿照View selector自定义Compose Button
android·vue.js·elementui
牛奶12 小时前
你不知道的JS(上):this指向与对象基础
前端·javascript·编译原理
牛奶12 小时前
你不知道的JS(上):作用域与闭包
前端·javascript·电子书
+VX:Fegn089513 小时前
计算机毕业设计|基于springboot + vue鲜花商城系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
pas13614 小时前
45-mini-vue 实现代码生成三种联合类型
前端·javascript·vue.js
weixin_5316518115 小时前
ES6 Proxy 的基本用法
前端·ecmascript·es6