微信小程序页面跳转方式+跳转小程序(直接复制代码可用)
生活随笔
收集整理的這篇文章主要介紹了
微信小程序页面跳转方式+跳转小程序(直接复制代码可用)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一. 微信小程序跳轉頁面方法
1.跳轉到 tabBar 頁面?
wx.switchTab({url: '/index' })2.跳轉到其他頁面(非tabBar頁)
//redirectTo方法(會關閉當前頁面) wx.redirectTo({url: '/page'//頁面路徑 })//navigateTo方法(不會關閉當前頁面并且頁面棧最多十層) wx.navigateTo({url: '/page'//頁面路徑 })//reLaunch方法(會關閉所有頁面) wx.reLaunch({url: '/page'//頁面路徑 })3.返回上一頁面或返回多級頁面
//navigateBack方法(用來返回上一頁面或多級頁面,并關閉當前頁面) wx.navigateBack({delta: 2 //返回的頁面數,1為返回上一頁,如果delta大于現有頁面數,則返回到首頁。 })二. 跳轉到其他小程序
1.首先需要在當前小程序app.json中定義:需要跳轉的小程序的app-id
app.josn
"navigateToMiniProgramAppIdList": ["*******" //appid],第一種方法:wx.navigateToMiniProgram(打開另一個小程序)
wx.navigateToMiniProgram({appId: '**********',path: 'page/index/index?id=123', //路徑和攜帶的參數extraData: {foo: 'bar'},envVersion: 'develop',success(res) {// 打開成功},fail(res){// 打開失敗},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(跳轉)
<navigator class="btn" target="miniProgram" open-type="navigate" app-id="wx213c5ba6740c814d" version="trial">點擊跳轉另一個小程序</navigator> /*** target:在哪個目標上發生跳轉,默認當前小程序,有效值: self(當前小程序),miniProgram(其它小程序)* open-type:跳轉方式 “avigate 對應 wx.navigateTo 或 wx.navigateToMiniProgram 的功能”* app-id:跳轉到的小程序app-id* version:要打開的小程序版本,有效值: develop(開發版),trial(體驗版),release(正式版),僅在當前小程序為開發版或體驗版時此參數有效,如果當前小程序是正式版,則打開的小程序必定是正式版*/?
總結
以上是生活随笔為你收集整理的微信小程序页面跳转方式+跳转小程序(直接复制代码可用)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 了解计算机病毒及杀毒方式,最简易的计算机
- 下一篇: 手写一个springboot的start