自定義組件的創(chuàng)建方法:
1.在根目錄下創(chuàng)建components
文件夾。
2.在components
下面創(chuàng)新組件名,如xyz
划址,繼續(xù)在xyz
文件夾下單擊右鍵,新建component
限府。
3.在創(chuàng)建好的組件的wxml
中寫出你想顯示的內(nèi)容即可夺颤,在wxss
中編輯樣式
4.比如首頁(yè)想要調(diào)用xyz
組件,那么就需要在index.json
中進(jìn)行配置胁勺。
5.在index.json
中的調(diào)用方法世澜,屬性名是組件名,值就是組件的路徑
"usingComponents": {
"xyz":"/components/xyz/xyz"
}
6.在index.wxml
中就可以使用自定的組件了署穗,如:
<xsj></xsj>
<xsj/>
自定義組件傳遞屬性:
1.在自定義組件上傳遞自定義屬性寥裂,如:
<PubTitle myTitle="111"/>
2.需要來到PubTitle
自定義組件的js中,接收該自定義屬性案疲,如:
properties: {
//myTitle就是自定義的屬性名封恰,需要指定type(String/Number/Array/Objact),指定value默認(rèn)值。
myTitle:{
type:String,
value:""
}
}
3.在PubTitle.wxml
中渲染從前端傳遞過來的屬性褐啡。如:
<view class="pubTitle">
<view class="txt">{{myTitle}}</view>
<navigator class="more">更多 ></navigator>
</view>