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

相关推荐
2401_85760095几秒前
游戏虚拟道具交易:网站设计与技术实现的前沿
java·数据库·vue.js·游戏·oracle·php
Catherinemin3 分钟前
剑指Offer|LCR 013. 二维区域和检索 - 矩阵不可变
javascript·算法
一个处女座的程序猿O(∩_∩)O12 分钟前
Vue 项目打包部署总结
前端·javascript·vue.js
Kika写代码1 小时前
【微信小程序】4|搜索框-历史搜索 | 我的咖啡店-综合实训
前端·微信小程序·小程序·notepad++
egekm_sefg2 小时前
一个基于Rust适用于 Web、桌面、移动设备等的全栈应用程序框架
开发语言·前端·rust
冴羽2 小时前
Solid.js 最新官方文档翻译(13)—— Context(上下文)
前端·javascript·react.js
ObjectX前端实验室3 小时前
交互式md文档渲染实现
前端·github·markdown
小怪瘦793 小时前
JS实现Table表格数据跑马灯效果
开发语言·javascript·信息可视化
励志成为大佬的小杨4 小时前
c语言中的枚举类型
java·c语言·前端
罗_三金4 小时前
微信小程序打印生产环境日志
javascript·微信小程序·小程序·bug