【uniapp】getOpenerEventChannel().once 接收参数无效的解决方案

uniapp项目开发跨平台应用常会遇到接收参数无效的问题，无法判断是哪里出错了，这里是讲替代的方案，现有三种方案可选。

原因

一般我们是这样处理向另一个页面传参，代码是这样写的

//...
let { title, type, rank } = args;
uni.navigateTo({
	url:'/pages_test/index/index',
	success(res) {
		//传参似乎无效
		// res.eventChannel.emit('args', item)
	}
})

另一个页面处理接收参数，代码是这样写的

this.getOpenerEventChannel().once('args', res => {
	console.log('args', res)
})

问题

运行在H5平台是没问题，

但是，运行在QQ小程序上，出现问题了，

是传参无效吗

res.eventChannel.emit(‘args’, item)

还是接收参数无效

this.getOpenerEventChannel().once(‘args’, res={})

还有，运行在微信小程序上，也有问题，

这次出现的问题不同，第一次传参有效，第二次以上传参就无效

看起来那么不靠谱，接下来，讲一下可行的替代方案

方案一

等待渲染完成后处理，参考代码

this.$nextTick(()=>{
	this.getOpenerEventChannel().once('args', res => {
		console.log('args', res)
	})
})

方案二

将传参转为字符串，加到url地址后面

//...
let { title, type, rank } = args;
uni.navigateTo({
	url:'/pages_test/index/index?args='+JSON.stringify({ title, type, rank }),
	fail(err) { }
})

然后，在另外页面接收的方法中获取即可

onLoad(options) {
	if(options.args){
		let args = JSON.parse(options.args);
		console.log('has args', args);
	}
},

方案三

将传参设置到全局变量中

//设置传参
getApp().globalData.args = args;

在另外的页面中读取

//获取参数
let gData = getApp().globalData;
let args = gData.args;
console.log('has args', args);
gData.args=null;//如果只用一次，那就清除

总结

视情况选择吧

• 在QQ小程序上用方案一仍然是无效的
• 如果传参不多，就用方案二
• 传参多的话，就用方案三