☺前言
進行微信小程序的開發,有時需要設置全局變量,以方便在其他界面對同一數據的調用
舉個例子:
在***開發測試*** 階段,比如自己網站的圖片服務器網址,接口服務器域名等,不一定后期會有多大的變動,此時可以進行全局變量的設置,而后期有所變動只需更改一處即可.
微信小程序,設計強烈要求項目的簡潔性,對於圖片文件盡量都使用網絡資源請求,避免相對路徑的資源引用,所以此時配置全局變量就顯得極為方便、重要了
☹ 配置/使用
初始創建小程序時,你就應該會注意到項目初始化的框架中,根目錄下有一個 app.js 配置文件,其實個人理解為 根目錄下的文件 都是全局配置文件
☆ 配置
我們只需要將全局變量,以數組的形式放到 globalData中即可
當然,也可以在此位置,命名與 globalData 同級的新數組
★ 使用
當你需要在其他js頁面中使用所配置的全局變量時:
首先,需要獲取應用實例 const app = getApp() 直接對需要的數組賦值,然后正常使用即可 imgServer: app.globalData.imgServer 當然,也可以在 js 中對應的點擊事件中,隨時賦值使用 var test_imgServer = app.globalData.imgServer; console.log(test_imgServer )
● 參考截圖
小程序js 文件的數據綁定
對應 小程序wxml 的數據顯示