今天在使用微信小程序 component 里的 slot 時(shí)發(fā)現(xiàn)，當(dāng)只用一個(gè) slot 并且將 slot 命名后，頁(yè)面中調(diào)用這個(gè) slot 并不會(huì)加載進(jìn)來(lái)。

堅(jiān)守“ 做人真誠(chéng) · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價(jià)值觀，專(zhuān)業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都成都戶外休閑椅小微創(chuàng)業(yè)公司專(zhuān)業(yè)提供成都企業(yè)網(wǎng)站建設(shè)營(yíng)銷(xiāo)網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機(jī)網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版，從內(nèi)容策劃、視覺(jué)設(shè)計(jì)、底層架構(gòu)、網(wǎng)頁(yè)布局、功能開(kāi)發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。

研究嘗試后發(fā)現(xiàn)，如果想要使用命名的方式調(diào)用單個(gè) slot ，也需要像調(diào)用多個(gè) slot 的方式 在 component/xxx.js 里開(kāi)啟多個(gè) slot 的功能。下面看代碼。

// component

 哈哈哈哈哈哈哈哈
 


// index 頁(yè)面

  
  這里是插入到組件slot name="after"中的內(nèi)容


//結(jié)果，此時(shí)界面上不會(huì)載入 slot

而當(dāng)我把 slot 的name 刪去時(shí)，slot 就能成功載入

// component

 哈哈哈哈哈哈哈哈
 


// index 頁(yè)面

  
  這里是插入到組件slot name="after"中的內(nèi)容


//結(jié)果，此時(shí)界面上載入 slot

或者不刪去 name 而是在組件js中聲明啟用

// component.js
Component({
 options: {
 multipleSlots: true // 在組件定義時(shí)的選項(xiàng)中啟用多slot支持
 },
 properties: { /* ... */ },
 methods: { /* ... */ }
})

// component

 哈哈哈哈哈哈哈哈
 


// index 頁(yè)面

  
  這里是插入到組件slot name="after"中的內(nèi)容


//結(jié)果，此時(shí)界面上載入 slot

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。