你有没有在小程序使用过onPageNotFound生命周期?

752 阅读1分钟
  1. 文档地址:
    onPageNotFound生命周期👉🏻: developers.weixin.qq.com/miniprogram…
    wx.onPageNotFound事件👉🏻:developers.weixin.qq.com/miniprogram…

注意:wx.navigateTo 不会触发wx.onPageNotFound, 所以此方法仅适用于页面实际上已经打开了(比如通过分享卡片、小程序码打开小程序)的场景(或者说第一次进入时的场景)。

  1. 应用:
    该生命周期会在小程序要打开的页面不存在时触发,因此可以做页面重定向的操作。新建一个 pageNotFound 文件,配置好路由映射,并专门做一个404页面做兜底,从而避免页面打开的页面不存在(页面不存在时会展示微信自己的页面不存在提示页面)。
    例如
    1)之前有一个页面 pages/detail/old/index ,后面废弃了,要使用新的页面 pages/detail/new/index 代替;
    2)之前有一个页面 pages/ever/index ,后面废弃了,且无需新页面代替
    目前代码如下:
    app.js:

code.png

pageNotFound.js

code1.png

  1. 扩展:
    原本需要做一个中转页的,现在是不是可以这样,写一个不存在的路由,做一些操作,专门用来做重定向🤔:

code2.png