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

在开发微信小程序或者微信网页H5的时候,有时咱们利用外部组件可能不兼容这二者,须要区分开来,能够在对应的mainjs中配置以下chrome

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>微信

相关文章
相关标签/搜索