【WeChatミニプログラム】 wx.navigateToメソッドを使用してページにジャンプします ジャンプ後のページは何らかの方法で元のページに値を返します。

値を返す一般的な方法をいくつか示します。

  1. wx.navigateToメソッドを使用してパラメーターを渡す:
    ジャンプするときに、ターゲット ページの URL にパラメーターを含めて、onLoadターゲット ページのメソッドでパラメーターを取得し、ターゲット ページでそれらを処理できます。例えば:

    // 原页面跳转到目标页面
    wx.navigateTo({
          
          
      url: 'pages/device/select/selectDevice?id=123&name=test',
    })
    

    ターゲットページのonLoadメソッドでパラメータを取得します。

    onLoad: function(options) {
          
          
      const id = options.id;
      const name = options.name;
      // 进行处理
    }
    
  2. wx.navigateBackメソッドを使用して値を返す:
    ターゲット ページでは、wx.navigateBackメソッドを使用して元のページに戻り、wx.navigateBack返される必要がある値をメソッドのパラメータに含めることができます。元のページのメソッドでは、パラメータonLoadを通じてoptions戻り値を取得できます。例えば:

    // 目标页面返回到原页面,并携带回传的值
    wx.navigateBack({
          
          
      delta: 1, // 返回的页面数,1表示返回到上一个页面
      success: function() {
          
          
        wx.setStorageSync('value', '回传的值');
      }
    })
    

    元のページのonLoadメソッドで戻り値を取得します。

    onLoad: function(options) {
          
          
      const value = wx.getStorageSync('value');
      // 进行处理
    }
    
  3. グローバル変数またはキャッシュを使用して値を転送します。
    ターゲット ページでグローバル変数を変更するか、キャッシュを使用して返す必要のある値を保存し、元のページでグローバル変数またはキャッシュされた値を読み取ります。例えば:

    // 目标页面修改全局变量或存储缓存
    getApp().globalData.value = '回传的值';
    // 或者使用缓存存储
    wx.setStorageSync('value', '回传的值');
    

    グローバル変数の値または元のページのキャッシュを取得します。

    const value = getApp().globalData.value;
    // 或者使用缓存读取
    const value = wx.getStorageSync('value');
    // 进行处理
    

特定のニーズに応じて、値を返す適切な方法を選択してください。これらのメソッドが、WeChat アプレットのページにジャンプした後に返される値を理解するのに役立つことを願っています。

おすすめ

転載: blog.csdn.net/gao511147456/article/details/132202779