您好,欢迎访问一九零五行业门户网

vue实现移动端微信公众号步骤详解

这次给大家带来vue实现移动端微信公众号步骤详解,vue实现移动端微信公众号的注意事项有哪些,下面就是实战案例,一起来看一下。
自己用vue做微信公众号项目有一段时间了,遇到各种奇葩的问题,下面细数那些坑:
第一坑:微信分享导致安卓手机无法调起相册和无法调起微信充值
解决方案:
settimeout(_ => {       wx.config(sdkconfig)      }, 500)
需要将微信分享延迟500毫秒,这样就解决了安卓手机无法调用相册和微信充值的问题,如果用了微信分享需要加个延迟。
第二坑:部分手机第三方输入法会将页面网上挤的问题
解决方案:
// 特定需求页面,比如评论页面,输入框在顶部之类的 const interval = setinterval(function() {   document.body.scrolltop = 0; }, 100) // 注意关闭页面或者销毁组件的时候记得清空定时器 clearinterval(interval);
第三坑:部分地区移动4gpost提交没有响应
本人vue项目是axios进行接口封装的,项目中老是出现一些地区请求发了没响应,后面经过排查后,后端只接受到了options请求,关键是只是个别用户出现这种情况,后面看到一遍文章https://itbilu.com/javascript/js/vkixuucc.html介绍了这些请求,不多说直接上代码
解决方案:
import axios from 'axios' import qs from 'qs' service.interceptors.request.use(  config => {  if(config.method === 'post'){   config.data = qs.stringify(config.data)  }  return config },  error => {   console.log(error)   promise.reject(error)  } )
项目做了也好几个月了,实在也没时间去发,后续还会把自己真实遇到的坑持续发布。。。
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
js设计模式中链式调用使用解析
vue-cli项目中增加后台mock接口步骤详解
以上就是vue实现移动端微信公众号步骤详解的详细内容。
其它类似信息

推荐信息