WeChatアプレットでのページジャンプ値転送の実装

不言
リリース: 2018-06-23 15:35:35
オリジナル
2464 人が閲覧しました

この記事は主にWeChatミニプログラムのページジャンプと値の転送の実装コードに関する情報を紹介します。ここで実装条件とサンプルコードを分析します。必要な友達はそれを参照してください

WeChatミニプログラムのページジャンプの値転送の実装コード。

WeChat アプレットのページ パスは 5 つのレベルのみです。

現在のシナリオは次のとおりです:

index (ホームページ) 新しいページを開きます リスト (リスト) 新しいページを開きます 検索 (条件付きクエリ) 決定条件を入力してリスト (リスト) に戻ります。WeChat では 5 つのレイヤーしか開くことができません。つまり、検索ページで [OK] をクリックすると、前のページに戻る必要があります。ページ:

wx.navigateBack(OBJECT)
ログイン後にコピー

この API はパラメーターを使用して前のページに戻ることはできません。WeChat が提供するメソッドは、グローバル変数にオブジェクトを追加することです。変数検索

search:'',
ログイン後にコピー


後続のすべてのjsヘッダーが追加されます

let $ = getApp()
ログイン後にコピー

index.js:

毎回リセット

onShow: function () { 
 $.search=''; 
 },
ログイン後にコピー


list.js:

リストコレクションをリセットするビューが表示されるたびに、WeChat アプレットは前のコレクションを保持してから検索オブジェクトを取得し、search.js でクエリ操作を実行します

onShow: function () { 
 this.data.list = []; 
 if ($.search != '') { 
  this.data.search=$.search; 
 } 
 this.loadMore(); 
 },
ログイン後にコピー

:

検索をクリックして onSubmit イベントをトリガーし、値を割り当てます検索して前のページに戻ってください

onSubmit() { 
 $.search = this.data.model; 
 wx.navigateBack(); 
}
ログイン後にコピー


以上がこの記事の全内容です。皆様のお役に立てれば幸いです。その他の関連コンテンツについては、 に注目してください。 PHPの中国語サイトです!

関連するおすすめ:

WeChat ミニ プログラム ページジャンプとデータ転送

WeChat アプレット 左スワイプ削除機能の実装


以上がWeChatアプレットでのページジャンプ値転送の実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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