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_陈寒15 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端
Revolution6116 小时前
React 组件重新渲染时,到底重新执行了什么
前端·react.js·面试
林焱_RPAAI16 小时前
影刀RPA技术深度:CSS选择器高级实战指南——伪类属性选择器与性能对比完全解析
vue.js·react.js
用户21816970493017 小时前
Flutter(四)Dart语法 空安全 运算符 流程控制
前端
许彰午17 小时前
政务督办的分合模式:主办协办的并发审批
前端·javascript·政务
用户693717500138417 小时前
AI时代,程序员该往哪走?
前端·后端
陳陈陳17 小时前
🚀 前端流式输出革命:SSE + BFF 架构从零到一实战指南
vue.js·架构·node.js
ttwuai17 小时前
GoFrame 后台日志清空失败:无 WHERE 删除为什么被拦住
前端·golang
易筋紫容17 小时前
创建型模式:对象的诞生艺术
开发语言·前端·javascript
半句唐诗18 小时前
我是如何通过 Access Token 成功发布第一个 npm 包的
前端·npm·node.js