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

相关推荐
托比-马奎尔10 分钟前
ES6变量与解构:let、const与模板字符串全解析
javascript
水煮白菜王1 小时前
从零搭建 React 工程化项目
前端·javascript·react.js
mosen8681 小时前
易混淆的CommonJS和ESM(ES Module)及它们区别
javascript·node.js·express
weixin_516875654 小时前
力扣 30 天 JavaScript 挑战 第37天 第九题笔记 知识点: 剩余参数,拓展运算符
javascript·笔记·leetcode
明月与玄武4 小时前
Vue 3 高性能实践 全面提速剖析!
前端·javascript·vue.js
童先生8 小时前
Nginx + Vue/React 前端 + API:防止路径混淆漏洞与跨域问题实战分享
前端·vue.js·nginx
黑夜照亮前行的路9 小时前
JavaScript 性能优化实战技术指南
javascript·性能优化
Stringzhua10 小时前
Vue数据的变更操作与表单数据的收集【6】
前端·javascript·vue.js
乐~~~11 小时前
el-date-picker type=daterange 日期范围限制
javascript·vue.js·elementui
初遇你时动了情11 小时前
uniapp vue3 ts自定义底部 tabbar菜单
前端·javascript·uni-app