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

相關文章
相關標籤/搜索