微信小程式如何跳轉到另一個小程式
阿新 • • 發佈:2021-11-18
一、使用wx.navigateToMiniProgram實現跳轉
先在app.json中配置以下程式碼
"navigateToMiniProgramAppIdList": [ "目標小程式的appid1", "目標小程式的appid2" ],
對應 js 的程式碼如下,詳情
wx.navigateToMiniProgram({ appId: '目標小程式的appid', path: '',//空則預設開啟另一個小程式的首頁 extraData: { name: '帆', id: '4509222222222222' }, envVersion:'release',// 開啟正式版 success(res) { console.log(res) // 開啟成功 }, fail: function (err) { console.log(err); }, complete(res){ // 呼叫結束 不管成功還是失敗都執行 } /** * appId:跳轉到的小程式app-id * path:開啟的頁面路徑,如果為空則開啟首頁,path 中 ? 後面的部分會成為 query,在小程式的 App.onLaunch、App.onShow 和 Page.onLoad的回撥函式中獲取query資料 * extraData:需要傳遞給目標小程式的資料,目標小程式可在 App.onLaunch、App.onShow 中獲取到這份資料 * envVersion:要開啟的小程式版本,有效值: develop(開發版),trial(體驗版),release(正式版),僅在當前小程式為開發版或體驗版時此引數有效,如果當前小程式是正式版,則開啟的小程式必定是正式版*/ })
二、使用navigator(跳轉)
官方文件:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
<navigator class="btn" target="miniProgram" open-type="navigate" app-id="目標小程式appid" version="trial">點選跳轉另一個小程式</navigator> /** * target:在哪個目標上發生跳轉,預設當前小程式,有效值: self(當前小程式),miniProgram(其它小程式) * open-type:跳轉方式 “avigate 對應 wx.navigateTo 或 wx.navigateToMiniProgram 的功能” * app-id:跳轉到的小程式app-id * version:要開啟的小程式版本,有效值: develop(開發版),trial(體驗版),release(正式版),僅在當前小程式為開發版或體驗版時此引數有效,如果當前小程式是正式版,則開啟的小程式必定是正式版*/