今天就跟大家聊聊有關(guān)怎么在微信小程序中監(jiān)聽(tīng)全局變量，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)為企業(yè)級(jí)客戶提高一站式互聯(lián)網(wǎng)+設(shè)計(jì)服務(wù)，主要包括成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、app軟件開(kāi)發(fā)公司、重慶小程序開(kāi)發(fā)公司、宣傳片制作、LOGO設(shè)計(jì)等，幫助客戶快速提升營(yíng)銷能力和企業(yè)形象，創(chuàng)新互聯(lián)各部門都有經(jīng)驗(yàn)豐富的經(jīng)驗(yàn)，可以確保每一個(gè)作品的質(zhì)量和創(chuàng)作周期，同時(shí)每年都有很多新員工加入，為我們帶來(lái)大量新的創(chuàng)意。 

globalData: {
 openid: '',
 userInfo: null,
 _showPictureDetail: false,
 _pictureTime: '',
 _pictureAddress: '',
 //改變量用戶存放全局變量修改過(guò)程中的值傳遞, 傳遞對(duì)象
 data: {}
 }

在其他頁(yè)面就使用 getApp().globalData.參數(shù)名 = 值 的形式來(lái)改變參數(shù)值， 使用 getApp().globalData.參數(shù)名 的形式來(lái)獲取值。

這樣能正常賦值，但是由于都是在同一個(gè)界面展示，我需要更新值后，馬上得到最新的值。上面簡(jiǎn)單的設(shè)置獲取就不起作用了。

那么，就需要監(jiān)聽(tīng) globalData 中的屬性了。

首先是 app.js：

//app 全局屬性監(jiān)聽(tīng)
 watch: function (method) {
 var obj = this.globalData;
 Object.defineProperty(obj, "data", { //這里的 data 對(duì)應(yīng) 上面 globalData 中的 data
 configurable: true,
 enumerable: true,
 set: function (value) { //動(dòng)態(tài)賦值，傳遞對(duì)象，為 globalData 中對(duì)應(yīng)變量賦值
 this._showPictureDetail = value.showPictureDetail;
 this._pictureTime = value.pictureTime;
 this._pictureAddress = value.pictureAddress;
 method(value);
 },
 get: function () { //獲取全局變量值，直接返回全部
 return this.globalData;
 }
 })
 },

接下來(lái)就是在組件頁(yè)面事件中動(dòng)態(tài)賦值：

//圖片拍攝詳情查看
 viewPictureDetailInfo: function (e) {
 // 修改 app 全局屬性值， 由于 globalData.data 是個(gè)對(duì)象，因?yàn)樯婕暗叫薷亩鄠€(gè)參數(shù)，所以需要傳遞對(duì)象
 app.globalData.data = {
 '_showPictureDetail': true,
 '_pictureTime': e.currentTarget.dataset.phototime,
 '_pictureAddress': e.currentTarget.dataset.address
 }
 },

最后就是在最外層父頁(yè)面添加 app.js 監(jiān)聽(tīng)回調(diào)，動(dòng)態(tài)修改變量值，以達(dá)到動(dòng)態(tài)打開(kāi)/關(guān)閉彈出層和展示內(nèi)容了：

// 首先需要在父頁(yè)面 onLoad() 方法中添加監(jiān)聽(tīng)以及指定監(jiān)聽(tīng)回調(diào)方法
// 設(shè)置 App 監(jiān)聽(tīng)回調(diào)
// 如果其他頁(yè)面修改了 app.js 中的 showPictureDetail 值, 就會(huì)觸發(fā)回調(diào)
getApp().watch(self.watchBack)

//定義監(jiān)聽(tīng)回調(diào)方法
//app 監(jiān)聽(tīng)回調(diào)方法
 watchBack: function (value) { //這里的value 就是 app.js 中 watch 方法中的 set, 返回整個(gè) globalData
 this.setData({
 showPictureDetail: value._showPictureDetail,
 pictureTime: value._pictureTime,
 pictureAddress: value._pictureAddress
 });
 },

這樣，在父頁(yè)面中使用 showPictureDetail..這幾個(gè)變量就可以動(dòng)態(tài)展示了。

PS：我這邊的業(yè)務(wù)需求涉及到多個(gè)變量的監(jiān)聽(tīng)，如果你只有一個(gè)變量的監(jiān)聽(tīng)，那么只需要修改 app.js 中 watch 方法的 Object.defineProperty 內(nèi)容由對(duì)象傳遞變?yōu)閱蝹€(gè)值傳遞即可。在更新值和獲取值時(shí)傳遞就是一個(gè)值，而不是對(duì)象。

看完上述內(nèi)容，你們對(duì)怎么在微信小程序中監(jiān)聽(tīng)全局變量有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，感謝大家的支持。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站題目：怎么在微信小程序中監(jiān)聽(tīng)全局變量-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)URL：http://www.rwnh.cn/article46/djgoeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、自適應(yīng)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、Google、關(guān)鍵詞優(yōu)化、App開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)