mpvue中的平台状态判断(H5网页 or 小程序)
程序员文章站
2022-04-14 22:33:37
在开发微信小程序或者微信网页H5的时候,有时我们利用外部组件可能不兼容这两者,需要区分开来,可以在对应的mainjs中配置如下 代码解释: 在微信小程序中 wx作为全局变量能够在任何界面中使用,而在chrome中,wx则为undefined,然后给Vue这个构造函数的原型增加一个属性,每个页面都能够 ......
在开发微信小程序或者微信网页h5的时候,有时我们利用外部组件可能不兼容这两者,需要区分开来,可以在对应的mainjs中配置如下
let platform; try{ if(wx){ platform='minprogram';
}
}catch(){ platform='h5' } vue.prototype.platform = platform
代码解释: 在微信小程序中 wx作为全局变量能够在任何界面中使用,而在chrome中,wx则为undefined,然后给vue这个构造函数的原型增加一个属性,每个页面都能够使用
例如:
<van-action-sheet v-if="platform=='minprogram'" :show="showchoose" :actions="actions" @close="onclose" @select="onselect" />
<van-action-sheet v-if="platform=='h5'" v-model="showchoose" :actions="actions" @close="onclose" @select="onselect"></van-action-sheet>
上一篇: thinkphp5框架生成二维码