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

参数传递:
父传子
父代码:

wxml:

<luck list=‘{{list}}‘ num=‘{{num}}‘></luck>
组件代码:

js:

properties接收数据

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

wxml:

<luck bind:myevent="onMyEvent"></luck>
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 });
————————————————
版权声明:本文为CSDN博主「aiqqvb」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/aiqqvb/article/details/105657322

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

上一篇:解密jQuery内核 DOM操作的核心buildFragment


下一篇:小程序的一些问题(canvas写文字,富文本功能)