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就行,举例:

相关推荐
sg_knight1 分钟前
Claude Code 如何辅助定位 Bug 和问题代码
java·前端·bug·ai编程·claude·code·claude-code
行思理4 分钟前
Linux查看网站访问IP的命令大全
linux·服务器·前端
吴声子夜歌5 分钟前
JavaScript——面向对象
java·开发语言·javascript
晓13136 分钟前
第四章 TypeScript 类型声明文件与 React 运用
前端·react.js·typescript
大雷神12 分钟前
HarmonyOS APP<玩转React>开源教程二十一:测验服务层实现
前端·react.js·开源·harmonyos
apcipot_rain12 分钟前
事无巨细地解释一个vue前端网页
前端·javascript·vue.js
han_15 分钟前
JavaScript设计模式(三):代理模式实现与应用
前端·javascript·设计模式
~欲买桂花同载酒~19 分钟前
项目安装- React + TypeScript
前端·react.js·typescript
光辉GuangHui19 分钟前
SDD 实践:OpenSpec + Superpowers 整合创建自定义工作流
前端·后端
西梯卧客26 分钟前
[4-3] 异步编程与事件循环 · 终极异步解决方案 (Generator & Async/Await)
javascript