当前位置: 开发笔记 > 前端 > 正文

vueElement中如何让多个按钮绑定同一个elpopover

作者：mobiledu2502909783 | 来源：互联网 | 2023-08-07 20:57

一个表格中，其中视频字段需要一个icon，icon作用是点击显示视频详情的popover。icon是v-for遍历生成的，每个单元格都有，但使用popo

一个表格中，其中视频字段需要一个icon，icon作用是点击显示视频详情的popover。
icon是v-for遍历生成的，每个单元格都有，但使用popover，将popover和icon放在一起，效果可以出来，但会遍历生成很多popover，导致页面卡顿甚至假死。
看了一下element的issue，说是popover和触发popover的元素要放在一起且popover要先渲染...

那么，请问有什么方法可以让多个按钮绑定一个el-popover且popover在外面（不同级）,求思路，谢谢

推荐阅读

npm
Vue集成XGPlayer视频插件的详细指南

本文详细介绍了如何在Vue项目中集成和配置XGPlayer视频插件，包括安装步骤、基本配置以及常见问题的解决方法。 ... [详细]

蜡笔小新 2024-11-25 15:09:45
js
Java毕业设计：在线办公工作流系统MyBatis+源码+调试部署+数据库+论文

本文介绍了基于Java的在线办公工作流系统的毕业设计方案，涵盖了MyBatis框架的应用、源代码分析、调试与部署流程、数据库设计以及相关论文撰写指导。 ... [详细]

蜡笔小新 2024-11-25 10:21:47
vue
[附源码]计算机毕业设计JAVAjsp医药管理信息系统

[附源码]计算机毕业设计JAVAjsp医药管理信息系统项目运行环境配置：Jdk1.8Tomcat7.0MysqlHBuilderX（Webstor ... [详细]

蜡笔小新 2024-11-22 18:50:22
view
Vue CLI 基础入门指南

本文详细介绍了 Vue CLI 的基础使用方法，包括环境搭建、项目创建、常见配置及路由管理等内容，适合初学者快速掌握 Vue 开发环境。 ... [详细]

蜡笔小新 2024-11-22 14:48:35
json
深入理解函数式编程中的函子

函子（Functor）是函数式编程中的一个重要概念，它不仅是一个特殊的容器，还提供了一种优雅的方式来处理值和函数。本文将详细介绍函子的基本概念及其在函数式编程中的应用，包括如何通过函子控制副作用、处理异常以及进行异步操作。 ... [详细]

蜡笔小新 2024-11-21 20:29:15
vue
使用Vue指令实现下拉菜单效果

使用Vue指令实现下拉菜单效果模仿重庆红岩历史革命博物馆官网的导航栏内容和效果，使用Vue实现。官网地址如下：https:www.hongyan.info官网效果效果图片展示代码展 ... [详细]

蜡笔小新 2024-11-21 14:50:37
vue
Vue迁移指南：如何替换BroadcastChannel和dispatchEvent

本文探讨了从旧框架迁移到Vue时，如何有效替换BroadcastChannel和dispatchEvent方法，提供了一种兼容且高效的解决方案。 ... [详细]

蜡笔小新 2024-11-21 14:02:06
vue
利用Vue实现点击商品详情跳转功能的方法解析

本文将详细介绍如何使用Vue框架实现从前端展示页面点击商品信息（如图片或文本）后，能够平滑跳转至该商品的详细信息页面。整个过程不仅涉及前端页面的设计与交互，还包括与后端接口的数据交互，旨在为开发者提供一种高效且实用的解决方案。 ... [详细]

蜡笔小新 2024-11-21 12:44:30
html
vue绑定css、style

1.绑定htmlcss1.1对象语法：　　传给v-bind:class一个对象，以动态地切换class　　 ... [详细]

蜡笔小新 2024-11-21 09:36:26
view
Vue3中如何提高开发效率

小编给大家分享一下Vue3中如何提高开发效率，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获， ... [详细]

蜡笔小新 2024-11-20 15:33:07
js
Vue CLI 中的 Proxy 配置详解

本文详细介绍了如何在 Vue CLI 3.0 和 2.0 中配置 proxy 来解决开发环境下的跨域问题，包括具体的配置项和使用场景。 ... [详细]

蜡笔小新 2024-11-20 14:48:41
json
提升前端开发效率：利用 Storybook 开发 React 和 Vue 组件

在现代前端开发中，组件化已成为不可或缺的技术，尤其在 React 和 Vue 生态中。然而，组件的管理和测试一直是开发者面临的挑战。本文将介绍如何使用 Storybook 来简化这一过程，提高开发效率。 ... [详细]

蜡笔小新 2024-11-20 13:27:36
js
初次探索HelloVueJs

本文介绍如何使用Vue.js框架创建一个简单的‘Hello World’应用，包括基本的模板语法和数据绑定。 ... [详细]

蜡笔小新 2024-11-20 12:31:55
node.js
实践指南：使用Express、Create React App与MongoDB搭建React开发环境

本文详细介绍了如何利用Express、Create React App和MongoDB构建一个高效的React应用开发环境，旨在为开发者提供一套完整的解决方案，包括环境搭建、数据模拟及前后端交互。 ... [详细]

蜡笔小新 2024-11-20 10:05:15
js
高效的JavaScript异步资源加载解决方案

本文探讨了如何通过异步加载技术处理网页中大型第三方插件的加载问题，避免将大文件打包进主JS文件中导致的加载时间过长，介绍了实现异步加载的具体方法及其优化。 ... [详细]

蜡笔小新 2024-11-19 17:19:15

mobiledu2502909783

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章