mpvue小程序采坑記錄,實操


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

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

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

4、
問題描述:開發時獲取的微信頭像和企業微信都能在canvas畫圖正常展示。但是真機無法展示。
解決方案:在小程序畫圖生成圖片時必須在后台配置download白名單域名。包括從微信、企業微信獲取到的頭像,也需要配置。否則download不會成功。

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

6、
問題描述:盡量不使用watch。屬於全局的。watch監聽的變量有變化,不管當前在哪個頁面,都會執行watch事件。

7、
問題描述:小程序的ui庫,iview weapp,input組件修改后data數據不會改變。
解決方案:需要特殊處理,加監聽事件觸發data修改。無法和普通input加v-model實現雙向綁定。建議直接使用原生input。

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM