微信小程序使用页面栈返回上一页并触发 上一页的点击事件
时间: 2023-09-04 10:08:42 浏览: 93
在微信小程序中,使用页面栈返回上一页并触发上一页的点击事件,可以通过`wx.navigateBack()`方法实现返回上一页,并在上一页的`onShow()`生命周期函数中触发点击事件。
具体实现步骤如下:
1. 在需要返回上一页的页面中,通过`wx.navigateBack()`方法返回上一页,并通过`wx.setStorageSync()`方法将一个变量设置为`true`,表示需要触发点击事件。
```
wx.navigateBack({
delta: 1,
success: function () {
wx.setStorageSync('needClick', true);
}
});
```
2. 在上一页的`onShow()`生命周期函数中,判断变量是否为`true`,如果是,则触发点击事件,并将变量重新设置为`false`。
```
onShow: function () {
let needClick = wx.getStorageSync('needClick');
if (needClick) {
wx.removeStorageSync('needClick');
this.onClick();
}
},
onClick: function () {
console.log('上一页被点击了');
}
```
这样,在返回上一页时,会触发上一页的`onShow()`生命周期函数,并通过判断变量的值,判断是否需要触发点击事件。如果需要触发点击事件,则执行`onClick()`方法,实现返回上一页并触发上一页的点击事件的效果。
需要注意的是,在触发点击事件后,需要将变量重新设置为`false`,以防止重复触发点击事件。
阅读全文