自定義組件的創建方法:
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>