解決vue同一slot在組件中渲染多次的問題

Q：今天寫公共組件的時(shí)候碰到一個(gè)奇葩的情況，slot內(nèi)部需要再次調(diào)用slot,這就會(huì)導(dǎo)致同一slot在組件中渲染多次引發(fā)的bug

A：把把父組件需要傳入的dom結(jié)構(gòu)作為props屬性傳遞給slotRender,保證出來的dom結(jié)構(gòu)不相同（盡管它們都是同一vnode渲染出來的）

定義一個(gè)渲染slot的組件

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

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

以上這篇解決vue同一slot在組件中渲染多次的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com