当前位置： 移动技术网 > IT编程>开发语言>JavaScript > mpvue中的平台状态判断（H5网页 or 小程序）

mpvue中的平台状态判断（H5网页 or 小程序）

2019年08月29日  | 移动技术网IT编程  | 我要评论

在开发微信小程序或者微信网页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>

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网