アプレットページ間の値で

モード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'
        }
    }
})

 

おすすめ

転載: www.cnblogs.com/kandyvip/p/11853253.html