美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线：028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

创新互联百度小程序教程：swan.onPageNotFound

  • swan.onPageNotFound
    • 方法参数
      • callback 参数说明
      • callback 返回参数说明
    • 示例
      • 图片示例
      • 代码示例 1：在生命周期的 onPageNotFound 中使用
      • 代码示例 2：等同于示例一的另一种写法
      • 代码示例 3：可根据开发者的业务逻辑调整用法
    • Bug & Tip

    swan.onPageNotFound

    基础库 3.60.2 开始支持，低版本需做兼容处理。

    成都创新互联从2013年创立，是专业互联网技术服务公司，拥有项目成都网站设计、成都网站制作网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元深泽做网站,已为上家服务,为深泽各地企业和个人服务,联系电话:028-86922220

    解释： 监听小程序要打开的页面不存在事件。该事件与 App.onPageNotFound 的回调时机一致。

    方法参数

    Function callback

    callback 参数说明

    小程序要打开的页面不存在的事件回调函数。

    callback 返回参数说明

    path

    String

    不存在页面的路径

    query

    Object

    打开不存在页面的 query 参数

    isEntryPage

    Boolean

    是否本次启动的首个页面（例如从分享等入口进来，首个页面是开发者配置的分享页面）

    属性类型说明

    示例

    扫码体验

    代码示例

    请使用百度APP扫码

    图片示例

    代码示例 1：在生命周期的 onPageNotFound 中使用

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • JS
     
 
 
        
  
  
    1. App({
      2.   
  
  
    2.  onLaunch() {}，
      3.   
  
  
    3.  onPageNotFound(res) {
      4.   
  
  
    4.  console.log(res);
      5.   
  
  
    5.  swan.showModal({
      6.   
  
  
    6.  title: '',
      7.   
  
  
    7.  content: JSON.stringify(res)
      8.   
  
  
    8.  });
      9.   
  
  
    9.  // 页面不存在时，默认跳转到首页，如果是 tabbar 页面，请使用 swan.switchTab 进行跳转
      10.   
  
  
    10.  swan.navigateTo({
      11.   
  
  
    11.  url: '/home/home'
      12.   
  
  
    12.  });
      13.   
  
  
    13.  }
      14.   
  
  
    14. });
      15.

    代码示例 2：等同于示例一的另一种写法

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • JS
     
 
 
        
  
  
    1. App({
      2.   
  
  
    2.  onLaunch() {
      3.   
  
  
    3.  swan.onPageNotFound(function(res) {
      4.   
  
  
    4.  console.log(res);
      5.   
  
  
    5.  swan.showModal({
      6.   
  
  
    6.  title: '',
      7.   
  
  
    7.  content: JSON.stringify(res)
      8.   
  
  
    8.  });
      9.   
  
  
    9.  // 页面不存在时，默认跳转到首页，如果是 tabbar 页面，请使用 swan.switchTab 进行跳转
      10.   
  
  
    10.  swan.navigateTo({
      11.   
  
  
    11.  url: '/home/home'
      12.   
  
  
    12.  });
      13.   
  
  
    13.  });
      14.   
  
  
    14.  }
      15.   
  
  
    15. });
      16.

    代码示例 3：可根据开发者的业务逻辑调整用法

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • JS
     
 
 
        
  
  
    1. Page({
      2.   
  
  
    2.  data: {},
      3.   
  
  
    3.  onTap() {
      4.   
  
  
    4.  swan.onPageNotFound(function(res) {
      5.   
  
  
    5.  console.log('onPageNotFound success',res);
      6.   
  
  
    6.  swan.showModal({
      7.   
  
  
    7.  title: '',
      8.   
  
  
    8.  content: JSON.stringify(res)
      9.   
  
  
    9.  });
      10.   
  
  
    10.  // 页面不存在时，默认跳转到首页，如果是 tabbar 页面，请使用 swan.switchTab 进行跳转
      11.   
  
  
    11.  swan.navigateTo({
      12.   
  
  
    12.  url: '/home/home',
      13.   
  
  
    13.  success: res => {
      14.   
  
  
    14.  console.log('navigateTo success');
      15.   
  
  
    15.  },
      16.   
  
  
    16.  fail: err => {
      17.   
  
  
    17.  console.log('navigateTo fail');
      18.   
  
  
    18.  },
      19.   
  
  
    19.  complete() {
      20.   
  
  
    20.  swan.offPageNotFound();
      21.   
  
  
    21.  }
      22.   
  
  
    22.  });
      23.   
  
  
    23.  });
      24.   
  
  
    24.  swan.navigateTo({
      25.   
  
  
    25.  url: '/path/to/otherPage'
      26.   
  
  
    26.  });
      27.   
  
  
    27.  }
      28.   
  
  
    28. });
      29.

    Bug & Tip

    • 开发者可以在回调中进行页面重定向。
    • 在除了 App.js 的其他时机中调用 swan.onPageNotFound 的话，需要用swan.offPageNotFound取消监听，否则会出现监听多次的情况

    分享标题：创新互联百度小程序教程：swan.onPageNotFound
    分享URL：http://www.zsjierui.cn/article/dhideds.html

    其他资讯