欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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>