小程序day02
场景:用户首次进入该页面返回触摸时弹出自定义挽留弹框,之后不再弹出
问题:由于微信小程序不能捕获返回点击事件 开始直接用的w小程序api在unload中加一句 wx.enableAlertBeforeUnload({ message: '关注公众号', });但是发现这个弹框不能自定义样式
解决:项目navigation-bar自定义的样式可以捕捉返回事件
navigation-bar.js中定义
methods: { goBack() { if (this.data.hookBack) { this.triggerEvent('goBack'); return; } wx.setStorageSync('from', getCurrentPageUrl()); wx.navigateBack(); }, goHome() { wx.switchTab({ url: '/pages/main/home/home', }); }, }, });
返回跳转页面中
<navigation-bar customBgColor="{{navBarBg}}" bind:goBack="openPublicNumber2" hookBack="{{isFirstEnter}}">
openPublicNumber2是捕获返回事件处理函数 hookBack判断是否首次进入页面,若为false不进行返回事件捕获