1. 程式人生 > >使用mpVue開發小程式實戰總結

使用mpVue開發小程式實戰總結

1.圖形驗證碼介面返回base64格式的資料,使用image標籤接收不顯示問題。

解決方法:

  使用wx.base64ToArrayBuffer和wx.arrayBufferToBase64轉化一遍資料

wx.request({
        url: `${this.$proxyTable}/declaring/authCode`,
        success:(res)=> {
          let _array = wx.base64ToArrayBuffer(res.data.data.authCode);
          let _base64 = wx.arrayBufferToBase64(_array);
          this.imgSrc = 'data:image/jpeg;base64,' + _base64;
          this.imgSrcKey = res.data.data.authCodeKey;
        }
      })

2.navigateTo跳轉的頁面返回到上一頁面再回到當前頁時資料不重新整理。

解決方法:

  使用小程式原生鉤子onShow()代替created()。

3.頁面之間傳參問題。

解決方法:

  1.使用url方式:在目標頁面使用onLoad(query)鉤子函式中通過query獲取。

  2.本地儲存:使用wx.getStorageSync()和wx.getStorageSync()傳遞。

  3.使用vuex:在目標頁面引入store,通過store.state.xxx獲取