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

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

 

转载于:https://www.cnblogs.com/tony-stark/p/11430367.html