微信小程序组件携带参数

通过组件来传递参数tiggerEvent,注意组件事件命名要与引用处的命名一致(加粗部分)
组件test.wxml:
这里写图片描述
组件js:
methods: {
onTap: function(e){
var myEventDetail = {
id:e.target.dataset.id
} // detail对象,提供给事件监听函数,携带的数据

var myEventOption = { } // 触发事件的选项,bubbles:是否冒泡,composed:是否可以穿越组件边界,capturePhase: 是否拥有捕获阶段
this.triggerEvent(‘onchange‘, myEventDetail, myEventOption) //这里的myevent要和调用该组件的事件命名一致
}
}
引入组件的json页面:
“usingComponents”: {
“test”: “../../components/test/test” //填写组件真实路径
}
wxml页面:
这里写图片描述
js页面:
change:function(e){
let id = e.target.dataset.id;
console.log(id); //打印获取的数据
}

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