小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 小程序怎么在不同页面之间方法互相调用

小程序怎么在不同页面之间方法互相调用

小程序自基础库 2.7.3 开始在wx.navigateTo()页面跳转方法中加入了events属性,通过此属性可以实现不同页面之间的方法互相调用和传递数据。


相关文档链接:

https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html


代码示例:

页面A

wx.navigateTo({
	url: 'pages/pageB',
	events: {
		// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
		pageDataB: function(data) {
			console.log('页面B触发事件时传递的数据1:',data)
		},
		someEvent: function(data) {
			console.log('页面B触发事件时传递的数据2:',data)
		}
	}
})


页面B

onLoad: function(){
    const eventChannel = this.getOpenerEventChannel()
    // 通过触发相关事件传递数据
    eventChannel.emit('pageDataB', {toPageA: '这是发送到页面A的数据1'});
    eventChannel.emit('someEvent', {data: '这是发送到页面A的数据2'});
}


联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了