下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:mpvue中的平台状态判断(H5网页 or 小程序)

作者:wangnima666     来源: https://www.cnblogs.com/tony-stark/p/11430367.html点击数:1685发布时间: 2020-03-03 11:09:15

标签: 微信小程序H5

Web开发

  微信提供公众平台、朋友圈、消息推送等功能,用户可以通过“摇一摇”、“搜索号码”、“附近的人”、扫二维码方式添加好友和关注公众平台,同时微信将内容分享给好友以及将用户看到的精彩内容分享到微信朋友圈。截止2016年12月微信的月活跃用户数已达8.89亿。

  在开发微信小程序或者微信网页H5的时候,有时我们利用外部组件可能不兼容这两者,需要区分开来,可以在对应的mainjs中配置如下

  letplatform;

  try{

  if(wx){

  platform='minprogram';

  }

  }catch(){

  platform='H5'

  }

  Vue.prototype.platform=platform

  代码解释:在微信小程序中wx作为全局变量能够在任何界面中使用,而在chrome中,wx则为undefined,然后给Vue这个构造函数的原型增加一个属性,每个页面都能够使用

  例如:

  <van-action-sheetv-if="platform=='minprogram'":show="showChoose":actions="actions"@close="onClose"@select="onSelect"/>

  <van-action-sheetv-if="platform=='H5'"v-model="showChoose":actions="actions"@close="onClose"@select="onSelect"></van-action-sheet>

  微信公众平台主要有实时交流、消息发送和素材管理。用户可以对公众账户的粉丝分组管理、实时交流,同时也可以使用高级功能-编辑模式和开发模式对用户信息进行自动回复。

赞(10)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程