知識 分享 互助 懶人建站

    懶人建站專注于網頁素材下載,提供網站模板、網頁設計、ps素材、圖片素材等,服務于【個人站長】【網頁設計師】和【web開發從業者】的代碼素材與設計素材網站。

    懶人建站提供網頁素材下載、網站模板
    知識 分享 互助!

    微信小程序app.js初始化全局數據

    作者:相伴醉晚風 2020-02-21 人氣:
    微信小程序app.js初始化全局數據,這是個很好的想法,不過有些數據是需要異步獲取的,這就導致頁面中獲取全局數據的時候獲取不到,目前的解決方案如下。

    微信小程序app.js初始化全局數據,這是個很好的想法,不過有些數據是需要異步獲取的,這就導致頁面中獲取全局數據的時候獲取不到,目前的解決方案如下。

    app.js中自定義初始化方法

    wxLogin() {
        // 登錄
        return new Promise((resolve, reject) => {
            //自己的業務,可能是 異步請求服務端的,如果是異步請求的就請求成功后 resolve(res)
            wx.login({success: function(res) {
              ....
              resolve(res)
            })
         
        })
    },
    _appRoute(obj){
        console.log('_appRoute-curPath', this.globalData.curPath)
        if (!this.globalData.curPath){
          return
        }
        //_appRoute是在appInt中執行
       //拿到 當前路由頁面路徑和傳入的 obj 可以自己做一些判斷 this.globalData.curPath,比如在某些條件下跳轉到指定頁面等等
        ...
    },
    appInt(){
        return this.wxLogin().then(obj => {
          this._appRoute(obj);
          return obj
        });
    },
    onLaunch(e) {
        let that = this;
        console.log('onLaunch',e);
        //注意這個 wx.onAppRoute 一旦啟動,不受控制,而且它執行的比較早,所以這里如果獲取到 當前頁面路徑(res.path)后直接 賦值到全局 this.globalData.curPath = res.path;
        //后續的方法執行的時候 判斷下 this.globalData.curPath 是否存在,不存在返回。
        wx.onAppRoute((res) => {
          wx.hideHomeButton(); //隱藏新版小程序左上角的home圖標      
          that.globalData.curPath = res.path;
          console.log('onLaunch-curPath', that.globalData.curPath);
        })
    },
    globalData: {
        curPath:''
    }

    頁面中調用:

    //在 onLoad 或者 onShow 中
    onLoad(){
        app.appInt().then(res=>{
          console.log('login-onShow', app.globalData.userInfo);
          //啟動 業務邏輯
          ...
        })
    }


    ↓ 查看全文

    微信小程序app.js初始化全局數據由懶人建站收集整理,您可以自由傳播,請主動帶上本文鏈接

    懶人建站就是免費分享,覺得有用就多來支持一下,沒有能幫到您,懶人也只能表示遺憾,希望有一天能幫到您。

    微信小程序app.js初始化全局數據-最新評論

    梦幻接高级宝石赚钱吗 炒股的人一生如何买卖股票 bbin平台在国内吗 秒速赛车是正规的吗 双色球开奖直播今天 贵州快3下载 排列三试机号彩宝网 重庆快乐十分前三直走势 股票短线交易软件 幸运飞艇走势图图解如何看 贵州11选5基本走势图