微信小程序之子組件的使用


//1、新建小程序子組件,以loading組件為例

在小程序根目錄下找到或新建components文件夾,新建一個loading文件夾,在loading文件夾中右鍵選中新建components,成功建立loading組件,結構如下:

//父組件中使用子組件

 在父組件的json文件中usingComponents中定義:"loading":"/components/loading/loading",第一個為子組件名,可以隨便填寫,第二個為子組件路徑

//父組件使用並傳參

 

 子組件接受參數

 

 //子組件觸發父組件事件

 

//使用this.triggerEvent("事件名","參數");

//父組件接受事件

 

 可以看到結構如下bind+子組件傳遞的方法名

//父組件可以使用e.detail接受子組件傳遞的參數,如下

 

 

//到此,小程序的組件使用基本完成,可以放心使用

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM