微信小程序wx.chooseImage方法会引发底层Bug

Posted on

在微信小程序中调用wx.chooseImage方法选择图片，选择完图片之后页面会莫名的跳转，找了很久才发现原因。

研究发现调用wx.chooseImage方法之后会触发入口文件app.js中的onLaunch、onShow方法，然后再触发当前页面的onHide、onShow方法。逻辑如下：

1
2
3
4
app.onLaunch();
app.onShow();
page.onHide();
page.onShow();

这四个方法中肯定有业务逻辑，如果不做特殊的处理会导致无法预估的问题。解决办法如下：

1
2
3
4
5
6
onShow: function (options) {
	var pages = getCurrentPages();
	if(pages.length == 0) {
		//your code
	}
},

通过判断当前页面的深度去处理onShow和onLaunch中方法的执行。

wx.chooseImage属于很底层的方法，出现这种Bug相当无耐。