首页 > 微信 > 详细

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

时间:2021-04-26 22:36:34      阅读:17      评论:0      收藏:0      [点我收藏+]

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

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

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

原文:https://www.cnblogs.com/javalinux/p/14705910.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!