モード1)app.js
グローバルオブジェクトをapp.js、各ページは、グローバルデータグローバル変数に格納されているJSを参照することができます。
//app.js
アプリ({ グローバルデータ:{ appNameは:「古い名」 } })
// test.js CONSTアプリ= getApp()。 ページ({ onShow:関数(){ VARの名= app.globalData.appName;
app.globalData.appName = '新しい名前'。 } })
システム構成は、一般的に定数または変数のために使用されている。この方法では、頻繁に変更されません。
第二の方法)ローカルキャッシュ
ローカルキャッシュは、同期または非同期の読み取りおよび書き込み操作を選択し、ユーザーが生成したデータをローカルに永続的な、キー値を行うことができる、非常に強力です。
wx.setStorage // 非同期カバーキーコンテンツ wx.getStorageが // 非同期取得キーコンテンツ wx.removeStorage // 非同期削除し、指定されたキー wx.clearStorage // すべてのキーをクリーンアップ非同期 wx.getStorageInfo // 非同期フェッチキャッシュ情報 wx.setStorageSync // 同期カバーキーコンテンツ wx.getStorageSync // キーコンテンツ取得同期 wx.removeStorageSync // 同期は、指定されたキーを削除し wx.clearStorageSync // 同期クリア、すべてのキー wx.getStorageInfoSync // 同期取得情報のキャッシュを
// pageA.js VARのappInfo = { 名前:「古い名」、 バージョン: '1.0' } wx.setStorageSync( 'のappInfo'、のappInfo); //追加
// pageB.js VARのappInfo = wx.getStorageSync( 'のappInfo' ); //読み appInfo.nameを = '新しい名' ; wx.setStorageSync( 'のappInfo' 、のappInfo); //レビュー // 削除 wx.removeStorageSync({ キー: 'のappInfo' });
ユーザ変数は、この実施形態は、一般的に、高周波数の変化に使用されます。
三つの方法)URL
URL伝統的な価値観、伝統的な古いやり方で、プログラムは単にURL内のパラメータ、小さなサポートしていますか?その背後にあります
// pageA.js wx.navigateTo({ URL: '/pages/pageB?appname=A&version=1.0' 、 })
// pageB.js ページ({ ONLOAD:機能(オプション){ VARのappName = options.appname。 VARのappversion = options.version。 } })
このモードは一時的と非機密データのためです。
注:2)(wx.switchTab)許可されたパラメータ値は、ページタブに渡さ小文字を区別しない1)URLパラメータがある場合
4つの方法)値によるページジャンプ
ページB、ページB及び修正がページ値Aを読み出すようにすることができるページ、すなわち、親ページデータサブページ操作へのジャンプ
// pageA.js ページ({ データ:{ appInfo:{ appNameは:「古い名」、 バージョン: '1.0' } } onLoad:機能(オプション){ wx.navigateTo({ URL: '/ページ/ページB' 、 }) } })
// pageB.js ページ({ onLoad:機能(オプション){ VARのページ= getCurrentPages(); VARページA =ページ[pages.length-2 ]; VARアプリ= pageA.data.appInfo。 app.appName = '新しい名' ; pageA.setData({ appInfo:アプリ }) } })
このモードでは、値によって父と息子ページです。サブページの親を変更することを、親は親、親の親を変更するために、親を変更します。
ウェイ5)テンプレート・コンポーネント
ここだけで、簡単な例を挙げて詳細は、アプレット公式文書を参照してください。
//temp.wxml < テンプレート名= "のappInfo" > < ビュー> < テキスト>名:{{appNameは}} </ テキスト> < テキスト>バージョン:{{}}のappversion </ テキスト> </ ビュー> </ テンプレート>
//page.wxml < テンプレートIS = "のappInfo" データ= "{{}}のappInfo" >
//page.js
ページ({
データ:{
appInfo:{
appNameは:「古いデータ」
バージョン: '1.0'
}
}
})