mpvueフレームワークでアプレット間のジャンプ機能を実現(アプレットとアプレット間のジャンプ、アプレット間のジャンプとパラメータの受け渡し)

小さいプログラムを開発していると、小さいプログラムから別の小さいプログラムにジャンプする必要がある場合があります. この公式メソッドはメソッドも提供しています. このメソッドには 3 つの注意点がありますwx.navigateToMiniProgram(Object object). This event must be manually clicked by the user to trigger. ジャンプはユーザーが [OK] をクリックしてトリガーする必要があります. 小さなプログラムは 10 個を超える小さなプログラムにジャンプできません.

特定の構成は、公式ドキュメント
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.htmlから表示できます。

mpvue フレームワークでこの関数を使用する方法を次に示します。
小さなプログラム間をジャンプする機能を個人的に認識している場合は、通常、別の js を使用してそれを抽出します。複数の場所で使用される可能性があり、単なる小さなプログラムではないためです。

新しいskip.jsファイルを作成する

export function toMiniProgram (type) {
    
    
    var path = '',
        appid = '';
    switch (type) {
    
    
        case '1':
            appid = '第一个小程序的AppID';
            path = '跳转的路径'
            break;
        case '2':
            appid = '第二个小程序的AppID';
            path = '跳转的路径';
            break;
    }
    return {
    
     path, appid };
}

アプレットジャンプ機能を使用する必要があるページで上記のメソッドをインポートします

  //html触发方式
 <view @tap="goMiniProgram('xyh-rights','你想传递给其他小程序的参数')"> 小程序跳转 </view>

  //导入方法
 import {
    
     toMiniProgram } from "你放的实际路径/skip";

methods = {
    
    
	//小程序跳转
    goMiniProgram(type, data = {
    
    }) {
    
    
      let {
    
     path, appid } = toMiniProgram (type, 1);
      console.log(path, appid);
      console.log("传值", data);
      wx.navigateToMiniProgram({
    
    
        appId: appid, //要打开的小程序 appId
        path: path, // 打开的页面路径,如果为空则打开首页。path 中 ? 后面的部分会成为 query,在小程序的 App.onLaunch、App.onShow 和 Page.onLoad 的回调函数或小游戏的 wx.onShow 回调函数、wx.getLaunchOptionsSync 中可以获取到 query 数据。
        extraData: data, //需要传递给目标小程序的数据,目标小程序可在 App.onLaunch,App.onShow 中获取到这份数据。
        envVersion: "trial", //你要跳转的是体验版还是开发版,小程序体验版和开发之间是可以互相跳转的,你可以从体验版跳转到开发版,也可以从开发版跳转到体验版。如果当前小程序是正式版,则打开的小程序必定是正式版。
        success(res) {
    
    
          console.log("res成功的回调", res);
        },
        fail(res) {
    
    
		  console.log("res失败的回调", res);
        }
      });
    },
}

最後に、配列オブジェクトであるファイル内のパラメーターを構成し、ジャンプ先の他のアプレットの AppID を構成する必要があります.これまでのところ、構成されたジャンプ アプレットは を超えることはできませapp.json.navigateToMiniProgramAppIdList10个

 "navigateToMiniProgramAppIdList": [
         "......",
         "......",
         "......"
    ]

ここですべての機能を実現できます。

個人的なレベルは限られています. ご不明な点がございましたら, 指導のためにメッセージを残してください. それは学習と参考のためだけです.

学びに制限はありません!お互いに励まし合い、がんばりましょう!

おすすめ

転載: blog.csdn.net/qq_37131884/article/details/105189703