微信小程序 父子组件相关操作

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>

推荐阅读更多精彩内容