小程序--组件的参数传递

参数传递:

父传子

父代码:

wxml:

组件代码:

js:

properties接收数据

  properties: {
    list: { //navbarData   由父页面传递的数据,变量名字自命名
      type: Array,
      value: [ ],
      observer: function(newVal, oldVal) {}
    },
    num:{
      type:Number,
      value:'',
    }
  },

子传父:

父代码:

wxml:

js:

  onMyEvent: function (e) {
    //通过事件接收插件数据:中奖id与剩余抽奖次数
    console.log(e.detail)
    this.setData({
      resultId: e.detail.resultId,
      num: e.detail.num
    })
  }

组件代码:

js:

// ID,num传给父元素
that.triggerEvent('myevent', { resultId:item.id,num:that.data.num });

 

你可能感兴趣的:(微信小程序)