如果你的场景比较简单#xff0c;只是对左上角的返回进行监听#xff0c;只需要关闭自带的导航…这个场景还是挺有意思的比如某多多只要你点左上角的返回

好家伙满满又

如果你的场景比较简单只是对左上角的返回进行监听只需要关闭自带的导航栏手写导航栏或用ui库的写好的导航栏就好了。

然后给写好的导航栏的返回按钮添加一个返回的事件做自己想要实现的场景就好了。

一、自定义导航栏

类似于用一个showModel提示框的展示效果可以使用wx.enableAlertBeforeUnload只要一点击左上角的返回就会触发当前事件如果点击确定退出当前页如果点击取消留在当前页面。

onLoad(e)

{uni.enableAlertBeforeUnload({message:

返回上页时弹出对话框,success:

如果你的场景比较复杂手机都会有自带的滑动返回例如ios的滑动返回安卓的滑动返回和back返回键就需要用到page-container他的效果类似于弹窗的形式存在着。

page-container

会先执行把当前的page-container给隐藏掉再次点击返回时才能够返回上一页。

在正常逻辑下

于内容隔离开当点击关闭时先把page-container给隐藏掉并不会触发当前页的返回当关闭page-container时会有离开前的事件只需要在离开前的事件中添加对应的显示优惠券逻辑即可。

templateview

99我是内容/view/scroll-viewpage-container

:showtrue

beforeleavebeforeleave/page-container/view

/templatemethods:{beforeleave(){uni.showModal({title:弹出优惠券逻辑})},

如果呢

你这个项目比较特别特别的恶心只要你点击左上角的返回我就不让你出去什么时候点击我指定的返回你才够出去什么都得听我的

实现思路也是一直在原地进入当前页面。

好处就是我能知道你想要返回了确定就是会有一个进入的加载效果。

完整代码

99我是内容/view/view/scroll-view/page-container

default

falseconsole.log(点击返回了);uni.navigateBack()},beforeleave(){if(!this.isShow)

return

uni.navigateBack()console.log(点击返回了);uni.redirectTo({url:/pages/mine/test?top${this.scrollTop},fail(err)

需要在退出一次

否则退不出去afterleave(){if(!this.isShow)

return

下次进来时自动转到刚才的位置scroll(e){this.scrollTop

/script