微信小程序组件间传值
时间: 2023-07-01 08:06:02 浏览: 21
在微信小程序中,组件之间可以通过事件传值的方式进行通信。具体实现方法如下:
1. 在父组件中定义一个自定义事件,并在该组件中触发该事件,并传递参数。
例如,在父组件中定义一个名为“myevent”的自定义事件,并传递一个名为“data”的参数:
```
// 父组件中的代码
Component({
methods: {
onTap() {
const data = { name: '张三', age: 20 };
this.triggerEvent('myevent', data);
}
}
})
```
2. 在子组件中监听该自定义事件,并在事件回调函数中获取该事件传递的参数。
例如,在子组件中监听名为“myevent”的自定义事件,并在事件回调函数中获取该事件传递的参数:
```
// 子组件中的代码
Component({
methods: {
onMyEvent(event) {
const data = event.detail;
console.log(data); // { name: '张三', age: 20 }
}
},
created() {
this.on('myevent', this.onMyEvent);
},
detached() {
this.off('myevent', this.onMyEvent);
}
})
```
在子组件中,通过on方法监听名为“myevent”的自定义事件,并在回调函数中获取传递的参数。需要注意的是,在组件被销毁时,需要通过off方法取消该事件的监听。
以上是一种简单的组件之间传值的方式,也可以通过全局变量、storage等方式实现组件之间的数据共享。
相关推荐















