解決vue同一slot在組件中渲染多次的問題
來源:懂視網(wǎng)
責編:小采
時間:2020-11-27 22:08:16
解決vue同一slot在組件中渲染多次的問題
解決vue同一slot在組件中渲染多次的問題:Q:今天寫公共組件的時候碰到一個奇葩的情況,slot內(nèi)部需要再次調(diào)用slot,這就會導致同一slot在組件中渲染多次引發(fā)的bug A:把把父組件需要傳入的dom結(jié)構(gòu)作為props屬性傳遞給slotRender,保證出來的dom結(jié)構(gòu)不相同(盡管它們都是同一vnode渲染出來的)
導讀解決vue同一slot在組件中渲染多次的問題:Q:今天寫公共組件的時候碰到一個奇葩的情況,slot內(nèi)部需要再次調(diào)用slot,這就會導致同一slot在組件中渲染多次引發(fā)的bug A:把把父組件需要傳入的dom結(jié)構(gòu)作為props屬性傳遞給slotRender,保證出來的dom結(jié)構(gòu)不相同(盡管它們都是同一vnode渲染出來的)
Q:今天寫公共組件的時候碰到一個奇葩的情況,slot內(nèi)部需要再次調(diào)用slot,這就會導致同一slot在組件中渲染多次引發(fā)的bug
A:把把父組件需要傳入的dom結(jié)構(gòu)作為props屬性傳遞給slotRender,保證出來的dom結(jié)構(gòu)不相同(盡管它們都是同一vnode渲染出來的)

定義一個渲染slot的組件
子公共組件調(diào)用


父公共組件調(diào)用

以上這篇解決vue同一slot在組件中渲染多次的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
解決vue同一slot在組件中渲染多次的問題
解決vue同一slot在組件中渲染多次的問題:Q:今天寫公共組件的時候碰到一個奇葩的情況,slot內(nèi)部需要再次調(diào)用slot,這就會導致同一slot在組件中渲染多次引發(fā)的bug A:把把父組件需要傳入的dom結(jié)構(gòu)作為props屬性傳遞給slotRender,保證出來的dom結(jié)構(gòu)不相同(盡管它們都是同一vnode渲染出來的)