1. 程式人生 > >微信小程式和微信小程式之間的跳轉和傳參示例程式碼附講解

微信小程式和微信小程式之間的跳轉和傳參示例程式碼附講解

 可以掃碼加我微信,承接小程式開發。

微信小程式開發交流qq群   173683895  、 526474645 ;

正文:

一:微信小程式跳轉

使用限制

需要使用者觸發跳轉

從 2.3.0 版本開始,若使用者未點選小程式頁面任意位置,則開發者將無法呼叫此介面自動跳轉至其他小程式。

需要使用者確認跳轉

從 2.3.0 版本開始,在跳轉至其他小程式前,將統一增加彈窗,詢問是否跳轉,使用者確認後才可以跳轉其他小程式。如果使用者點選取消,則回撥 fail cancel

每個小程式可跳轉的其他小程式數量限制為不超過 10 個

從 2.4.0 版本以及指定日期(具體待定)開始,開發者提交新版小程式程式碼時,如使用了跳轉其他小程式功能,則需要在程式碼配置中宣告將要跳轉的小程式名單,限定不超過 10 個,否則將無法通過稽核。該名單可在釋出新版時更新,不支援動態修改。配置方法詳見 

配置。呼叫此介面時,所跳轉的 appId 必須在配置列表中,否則回撥 fail appId "${appId}" is not in navigateToMiniProgramAppIdList

配置方法:

在app.json檔案修改如下:

程式碼:

  "navigateToMiniProgramAppIdList": [
    "wx313490c64bc53c23"
  ]

示例:小程式a跳轉到小程式b

小程式a程式碼: 跳轉到小程式b並傳id

wx.navigateToMiniProgram({
  appId: '',
  path: 'pages/index/index?id=123',
  extraData: {},
  envVersion: 'develop',
  success(res) {
    // 開啟成功
  }
})

小程式b程式碼:

//index.js  接收並列印小程式a傳遞過來的引數

Page({
onLoad: function (options) {
    console.log(options)
  }
})

二:返回上一個微信小程式

wx.navigateBackMiniProgram({
  extraData: {},
  success(res) {
    // 返回成功
  }
})