在開發微信小程式或者微信網頁H5的時候,有時我們利用外部組件可能不相容這兩者,需要區分開來,可以在對應的mainjs中配置如下 代碼解釋: 在微信小程式中 wx作為全局變數能夠在任何界面中使用,而在chrome中,wx則為undefined,然後給Vue這個構造函數的原型增加一個屬性,每個頁面都能夠 ...
在開發微信小程式或者微信網頁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>