1.使用:
根目錄下新建components文件夾->numOrder.wxml,numOrder.json混滔,numOrder.js,numOrder.wxss
在json:
{
??"component":?true,
??"usingComponents":?{}
}
要引用組件的json頁面:
{
??"usingComponents":?{
????"num-order":?"../../components/numOrder/numOrder"
??}
}
要引用組件的wxml頁面:
?<num-order ></num-order>
2.父子組件傳值
父組件:
<num-order? list="{{PeopleList}}"></num-order>
子組件:
properties:?{
????list:?{
??????type:?Array,
??????value:?''
????}
??},
3.子父組件傳值
子組件:
<view? class="people-delete"?data-id="{{item.id}}"?catchtap='orderApeo'> 添加</view>
orderApeo(e){
??????//?console.log(e.currentTarget.dataset.id)
??????this.triggerEvent('orderApeo',{params:?e.currentTarget.dataset.id});
????}
父組件:
<num-order? bind:orderApeo="orderApeo"></num-order>