最近在練手uniapp藕赞，寫(xiě)了個(gè)電子商城琉挖，寫(xiě)到了商品詳情組件 detail.vue 进副，因?yàn)閮?nèi)容諸多贾铝，就拆開(kāi)了幾個(gè)組件來(lái)寫(xiě)赦邻，其中包括選擇商品的 組件product.vue 犁功，同時(shí)因?yàn)檫@個(gè)彈出層可以復(fù)用囚霸，我就新建了一個(gè)自定義組件 popUp.vue瞧省，并通過(guò)插槽的形式硼一，可以寫(xiě)成不同樣式的彈出層
圖1.popUp組件.jpg
所以組件層級(jí)是 detail > product > popUp累澡，
一切都是那么的合理
待到寫(xiě)完之后，在H5端預(yù)覽了般贼，完全沒(méi)問(wèn)題愧哟，結(jié)果一編譯到小程序，樣式居然失效了
圖2.H5端(左)和小程序端(右).jpg
開(kāi)始我試過(guò)重啟小程序開(kāi)發(fā)工具哼蛆，結(jié)果依舊
最后排查了許久蕊梧，發(fā)現(xiàn)是因?yàn)槲蚁胪ㄟ^(guò)彈出層組件的類(lèi)名來(lái)選擇它下面的子類(lèi)的時(shí)候，編譯到小程序居然不生效
圖3.product.vue.jpg
解決方法就是刪掉 圖3 139行的 .popUp 腮介，不要用 .popUp 去選擇下面的子類(lèi)肥矢，就解決了
image.png
