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>

巴特西

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

最新文章

热门文章