vue3.0 element-plus 不同版本 el-popover 循环优化

表格内循环el-popover

渲染以后的页面,数据量很大的时候页面会卡,生成的代码:

解决思路:将el-popover提出来,不参与循环,让el-popover只渲染一次

1、以1.1.0-beta.24版为例(低版本)

红色下划线部分是关键点

v-popover的值与el-popover的ref值要一致

2、以2.3.9版为例(当前新版本)

与低版本不同, v-popover被弃用了

以官方文档为例

:virtual-ref 可以直接传dom,这样变得更简单了,主需要把需要操作的控件对应的dom直接赋值给变量,传给:virtual-ref就行,举例:

相关推荐
IT_陈寒10 分钟前
Python性能翻倍的5个冷门技巧:从GIL逃逸到内存视图的实战优化指南
前端·人工智能·后端
南城巷陌15 分钟前
错误边界:用componentDidCatch筑起React崩溃防火墙
前端·react.js·前端框架
FinClip20 分钟前
OpenAI推出Apps SDK,你的企业App跟上了吗?
前端·app·openai
馨谙25 分钟前
Linux中的管道与重定向:深入理解两者的本质区别
前端·chrome
Rhys..31 分钟前
JS - npm init
开发语言·javascript·npm
夏天想34 分钟前
复制了一个vue的项目然后再这个基础上修改。可是通过npm run dev运行之前的老项目,发现运行的竟然是拷贝后的项目。为什么会这样?
前端·vue.js·npm
@大迁世界40 分钟前
这个 CSS 特性,可能终结样式冲突
前端·css
zzzsde1 小时前
【C++】深入理解string类(5)
java·前端·算法
袁煦丞1 小时前
随机菜谱解救选择困难!YunYouJun/cook 成为你的厨房锦囊:cpolar内网穿透实验室第549个成功挑战
前端·程序员·远程工作
携欢1 小时前
PortSwigger靶场之CSRF where token is tied to non-session cookie通关秘籍
运维·服务器·前端