mpvue小程序採坑記錄,實操

一、小程序會員卡開卡,成功後回跳接收參數:
<navigator
            target="miniProgram"
            app-id="wxeb490c6f9b154ef9"
            :extra-data="datas"
        >
            會員卡開卡
        </navigator>
datas裏面的三個參數必定要urldecode
回調取參數的時候須要定義APP 的onshow方法。
在app.vue中的onshow能夠獲取到,經過vuex store傳遞給須要的頁面。

二、
問題描述:token若是用fly攔截,會有loading問題。好比拿到token後,在token接口有hideloading方法,會把當前頁請求接口的loading也給隱藏。
解決方案:對這種特殊首屏頁面加自定義loading。(缺點:會出現雙loading,可是能接受。)
備選方案:經過store配置接口域名,能夠把token也拼到接口變量上。不會發生上述問題。

三、
問題描述:發送優惠券相似場景,會有緩存。再領新的優惠券仍是顯示的上一張優惠券dom
解決方案:在onHide生命週期裏面重置data。Object.assign(self.$data, self.$options.data())。若是跳轉小程序和回跳的狀況須要注意,好比有接收id請求接口的狀況,直接使用this.$root.$mp.query.ids,重置data的時候不會產生影響。

四、
問題描述:開發時獲取的微信頭像和企業微信都能在canvas畫圖正常展現。可是真機沒法展現。
解決方案:在小程序畫圖生成圖片時必須在後臺配置download白名單域名。包括從微信、企業微信獲取到的頭像,也須要配置。不然download不會成功。

五、
問題描述:web-view小程序跳往h5跳轉問題。
解決方案:web-view是自動跳轉的。須要單獨寫個新頁面,傳遞跳轉h5連接,跳轉連接須要配置業務白名單,不能在當前頁直接使用web-view組件。
<template>
    <div class="contentBox">
        <span><web-view :src="urls">正在跳轉,請稍後</web-view></span>
    </div>
</template>

六、
問題描述:儘可能不使用watch。屬於全局的。watch監聽的變量有變化,無論當前在哪一個頁面,都會執行watch事件。

七、
問題描述:小程序的ui庫,iview weapp,input組件修改後data數據不會改變。
解決方案:須要特殊處理,加監聽事件觸發data修改。沒法和普通input加v-model實現雙向綁定。建議直接使用原生input。
相關文章
相關標籤/搜索