在開發微信小程序或者微信網頁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>微信