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。