WeChatアプレットのパラメータで前のページに戻る方法まとめ(3種類)

不言
リリース: 2018-08-10 16:17:05
オリジナル
19515 人が閲覧しました

この記事では、WeChat アプレットでパラメータを使用して前のページに戻る方法 (3 種類) をまとめています。必要な方は参考にしてください。 。

方法 1

現在のページのデータをローカル キャッシュ (wx.setStorage (wx.setStorageSync)) に入れてから、前のページをキャッシュから取り出します (wx.getStorage (wx.getStorageSync))。同時に、ログアウト時にキャッシュをクリアします (wx.clearStorage (wx.clearStorageSync))。

方法 2

1 など、現在のページに前のページのデータを設定します。 もちろん、この「mydata」は前のページにある必要があります。データのみが機能します

前のページに返されるデータは次のとおりです:

var pages = getCurrentPages(); // 获取页面栈
var currPage = pages[pages.length - 1]; // 当前页面
var prevPage = pages[pages.length - 2]; // 上一个页面
prevPage.setData({
  mydata: {a:1, b:2} // 假数据
})
ログイン後にコピー

2. データページAを更新するにはメソッド名を直接呼び出します

wx.navigateBack({
  delta: 1
})
ログイン後にコピー

ページB、名前を入力するテキストボックスがあると仮定して、戻るボタンをクリックした後、ページA

Page({
  data: {
    name: ''
  },
  ...
  ,
  //更新name
  changeData: function(name){
    this.setData({
      name: name
    })
  }
})
ログイン後にコピー
の名前を更新して、データを前のページに転送できるようにします。ページAはwxを使用する必要があることに注意してください。 .navigateTo を使用してページ B にジャンプします。wx.redirectTo を使用することはできません。これにより、前のページが閉じられ、ページ B が前のページの Page インスタンスを取得できなくなります。

方法 3 app.js でグローバル変数を設定します。現在のページに値を割り当て、前のページから値を取得します

メソッドは

Page({
  //此方法用于文本框输入回调
  inputTyping: function (e) {
    //获取页面栈
    var pages = getCurrentPages();
    if(pages.length > 1){
      //上一个页面实例对象
      var prePage = pages[pages.length - 2];
      //关键在这里
      prePage.changeData(e.detail.value)
    }
  }
})
ログイン後にコピー

注: ページ データを更新するメソッドは両方とも必要です:

globalData: {
  userInfo: null,
}
ログイン後にコピー

おすすめの関連記事:

WeChat ミニ プログラムの複数のデータ キャッシュのコード例

WeChat ミニ プログラムの例: バッチ カウントダウンを実装する方法 (コード付き)

以上がWeChatアプレットのパラメータで前のページに戻る方法まとめ(3種類)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!