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