表格內(nèi)循環(huán)el-popover?
渲染以后的頁面,數(shù)據(jù)量很大的時候頁面會卡,生成的代碼:
解決思路:將el-popover提出來,不參與循環(huán),讓el-popover只渲染一次
?文章來源地址http://www.zghlxwxcb.cn/news/detail-662745.html
1、以1.1.0-beta.24版為例(低版本)
紅色下劃線部分是關鍵點
?
?文章來源:http://www.zghlxwxcb.cn/news/detail-662745.html
v-popover的值與el-popover的ref值要一致
2、以2.3.9版為例(當前新版本)
與低版本不同,?v-popover被棄用了
以官方文檔為例
:virtual-ref? 可以直接傳dom,這樣變得更簡單了,主需要把需要操作的控件對應的dom直接賦值給變量,傳給:virtual-ref就行,舉例:
?
?
?
?
?
?
?
到了這里,關于vue3.0 element-plus 不同版本 el-popover 循環(huán)優(yōu)化的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!