• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号
登陆 注册
描述文字

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

 

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
37.微信小程序（组件--地图+画布）发布时间：2022-07-18
下一篇：
小程序节流函数（防止按钮重复点击）发布时间：2022-07-18
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap