WeChatミニプログラムページジャンプ方法+ジャンプミニプログラム

1. ページジャンプ方法

1. tabBarページにジャンプします

wx.switchTab({
    
    
  url: '/index'
})

2. 他のページ (タブバー以外のページ) にジャンプします

//redirectTo方法(会关闭当前页面)
wx.redirectTo({
    
    
  url: '/page'//页面路径
})

//navigateTo方法(不会关闭当前页面并且页面栈最多十层)
wx.navigateTo({
    
    
  url: '/page'//页面路径
})
 
//reLaunch方法(会关闭所有页面)
wx.reLaunch({
    
    
  url: '/page'//页面路径
})

3. 前のページに戻るか、複数レベルのページに戻ります

//navigateBack方法(用来返回上一页面或多级页面,并关闭当前页面)
wx.navigateBack({
    
    
  delta: 2 //返回的页面数,1为返回上一页,如果delta大于现有页面数,则返回到首页。
})

2. 他のミニプログラムにジャンプします

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(正式版),仅在当前小程序为开发版或体验版时此参数有效,如果当前小程序是正式版,则打开的小程序必定是正式版
   */ 
})

2 番目の方法: ナビゲーター (ジャンプ)

<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(正式版),仅在当前小程序为开发版或体验版时此参数有效,如果当前小程序是正式版,则打开的小程序必定是正式版
   */
 

おすすめ

転載: blog.csdn.net/qq_44625715/article/details/131489378