小程序顶部的返回按钮如何不一级一级返回?
发布于 6 年前 作者 dzhang 2178 次浏览 来自 问答

如:page1 -> page2 -> page3 -> page4.

在page4的时候,按顶部返回,直接返回到1,忽略中间的page2 和 page3.

这个如何搞?

5 回复

顶部那个按钮是系统带的啊.我们加不了事件的吧?

你可以在跳转到下一个页面的时候,清除当前页面

或者用俩个按钮,一个返回,一个返回首页

只需要再看wx.navigateBack的文档三遍。还是不懂的话就告别猿吧。

page1

wx.redirectTo({
  url: 'page2?id=1'
})

page2

wx.redirectTo({
  url: 'page3?id=1'
})

page3

wx.redirectTo({
  url: 'page4?id=1'
})

https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.redirectTo.html

不过这样page3、page4返回都是直接返回page1

//page2、page3、page4调用 navigateBack 也将直接返回 page1
wx.navigateBack()

————————————————————————————————————————

或者你可以考虑自定义导航栏

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html

https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

// page.json
navigationStyle: custom
// *.wxml
返回

// *.wxml
返回
// *.js
// 绑定自定义导航栏的点击事件
navBack(){
  wx.navigateBack({
    delta: 3
  })
}
回到顶部