小程序自定義組件的創建方法


自定義組件的創建方法:
1.在根目錄下創建components文件夾。(第一次的時候創建,以后就不需要再創建了)
2.在components下面創新組件名,如xsj,繼續在xsj文件夾下單擊右鍵,新建component。
3.在創建好的組件的wxml中寫出你想顯示的內容即可,在wxss中編輯樣式
4.比如首頁想要調用xsj組件,那么就需要在index.json中進行配置。
5.在index.json中的調用方法,屬性名是組件名,值就是組件的路徑
"usingComponents": {     "xsj":"/components/xsj/xsj" }
6.在index.wxml中就可以使用自定的組件了,如:
<xsj></xsj> <xsj/>
 
 
 
自定義組件傳遞屬性
1.在自定義組件上傳遞自定義屬性,如:
<PubTitle myTitle="行業動態"/>
 
2.需要來到PubTitle自定義組件的js中,接收該自定義屬性,如:
properties: { //myTitle就是自定義的屬性名,需要指定type(String/Number/Array/Objact),指定value默認值。     myTitle:{       type:String,       value:""     } }
 
3.在PubTitle.wxml中渲染從前端傳遞過來的屬性。如:
<view class="pubTitle">     <view class="txt">{{myTitle}}</view>     <navigator class="more">更多 ></navigator> </view>
 


免責聲明!

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



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