1. 程式人生 > >微信小程式 1__怎麼樣實現自定義元件

微信小程式 1__怎麼樣實現自定義元件

在微信小程式開發中, 要實現自定義元件, 通過4個步驟可實現

1. 建立自定義元件,  以自定義checkbox為例
第一步 在專案根目錄 中建立components目錄,在components中建立checkbox目錄  , 
         在checkbox 目錄下建立.js, json, .wxss, wxml 四個檔案, 示意圖如下    

 

 

第二步, 這裡先建立.json檔案, 內容如下    ,  接著建立.js檔案,如圖  

 

 

第三步, 接著建立.wxml檔案,
如果用到樣式,在.wxss檔案中定義好樣式

 

 

 

第四步, 要使用自定義元件,例如要在index/index.wxml檔案中使用, 要先在index.json這樣寫
 
接著在index.wxml 檔案中呼叫

 

 

            
 

相關參考文件
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/