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实现移动端微信公众号步骤详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2761520.html

(0)
上一篇 2025年3月8日 09:35:54
下一篇 2025年3月6日 11:35:53

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • react创建单例组件步骤详解

    这次给大家带来react创建单例组件步骤详解,react创建单例组件的注意事项有哪些,下面就是实战案例,一起来看一下。 需求背景 最近有个需求,需要在项目中添加一个消息通知弹窗,告知用户一些信息。 用户看过消息后,就不再弹窗了。 问题 很明…

    编程技术 2025年3月8日
    200
  • node做出微信个人号机器人步骤详解

    这次给大家带来node做出微信个人号机器人步骤详解,node做出微信个人号机器人的注意事项有哪些,下面就是实战案例,一起来看一下。 现在,日常生活已经离不开微信,本文将会抛砖引玉演示如何使用 wechaty 操作微信个人号做一些有意思的东西…

    编程技术 2025年3月8日
    200
  • 使用Vue实现拖拽功能步骤详解

    这次给大家带来使用Vue实现拖拽功能步骤详解,使用Vue实现拖拽功能的注意事项有哪些,下面就是实战案例,一起来看一下。 效果图: HTML代码: 位置 x:{{val.x}} y:{{val.y}} //注意这里要通过指令绑定函数将当前元素…

    2025年3月8日
    200
  • js方法的重写和重载的技巧详解

    js的方法是不能重载的,js高级编程里面111页说明了原因,总结一下就是 js的方法可以写成这样: var func1 = function(){    console.log(“func1  test”);}123 登录后复制 这样的方法…

    编程技术 2025年3月8日
    200
  • JS 全屏和退出全屏详解(含有代码)

    退出全屏效果与全屏效果我们可能在看视频网站时看到多,这里来为各位介绍利用js全屏和退出全屏代码范例吧,,需要的朋友可以参考下 JS 全屏和退出全屏 js实现浏览器窗口全屏和退出全屏的功能,市面上主流浏览器如:谷歌、火狐、360等都是兼容的,…

    编程技术 2025年3月8日
    200
  • vue中keep-alive使用步骤详解

    这次给大家带来vue中keep-alive使用步骤详解,vue中keep-alive使用的注意事项有哪些,下面就是实战案例,一起来看一下。 1.keep-alive的作用以及好处 在做电商有关的项目中,当我们第一次进入列表页需要请求一下数据…

    编程技术 2025年3月8日
    200
  • react内使用swiper步骤详解

    这次给大家带来react内使用swiper步骤详解,react内使用swiper的注意事项有哪些,下面就是实战案例,一起来看一下。 正文 最近的react项目需要使用轮播图,自然而然的就想到了swiper,一直想通过npm安装的方式来使用,…

    编程技术 2025年3月8日
    200
  • npm 安装删除模块步骤详解

    这次给大家带来npm 安装删除模块步骤详解,npm 安装删除模块的注意事项有哪些,下面就是实战案例,一起来看一下。 npm安装模块 【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录; 【npm instal…

    编程技术 2025年3月8日
    200
  • Node.js 沙箱环境使用步骤详解

    这次给大家带来Node.js 沙箱环境使用步骤详解,Node.js 沙箱环境使用的注意事项有哪些,下面就是实战案例,一起来看一下。 node官方文档里提到node的vm模块可以用来做沙箱环境执行代码,对代码的上下文环境做隔离。 A comm…

    编程技术 2025年3月8日
    200
  • vue使用自定义icon图标步骤解析

    这次给大家带来vue使用自定义icon图标步骤解析,vue使用自定义icon图标的注意事项有哪些,下面就是实战案例,一起来看一下。 首先因为elementUI提供的icon太少了,所有自己找找有没有矢量图可以补充的,尝试多种方法,觉得下面方…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论