怎样使用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) })

登录后复制

项目做了也好几个月了,实在也没时间去发,后续还会把自己真实遇到的坑持续发布。。。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

Node.js+console输出日志文件实例分析

如何使用Vue实现拖拽效果

以上就是怎样使用vue做移动端微信公众号的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 05:49:24
下一篇 2025年3月8日 05:49:35

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

相关推荐

  • 怎样使用vue判断dom的class

    这次给大家带来怎样使用vue判断dom的class,使用vue判断dom的class注意事项有哪些,下面就是实战案例,一起来看一下。 vue点击给dom添加class然后获取含有class的dom {{item.name}} {{item2…

    2025年3月8日
    200
  • 在Vue2.0系列中如何使用过滤器?

    这篇文章主要介绍了vue2.0系列之过滤器的使用,现在分享给大家,也给大家做个参考。 vue2.0已经废弃了过滤器,需要自定义过滤器,用于一些常见的文本格式化。 感觉超级好用!! 过滤器可以用在两个地方:双花括号插值 和 v-bind表达式…

    2025年3月8日
    200
  • 如何使用Vue实现拖拽功能

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

    2025年3月8日
    200
  • 怎样使用vuex操作state对象

    这次给大家带来怎样使用vuex操作state对象,使用vuex操作state对象的注意事项有哪些,下面就是实战案例,一起来看一下。 Vuex是什么? VueX 是一个专门为 Vue.js 应用设计的状态管理架构,统一管理和维护各个vue组件…

    编程技术 2025年3月8日
    200
  • 你必须要注意的vue组件使用细节

    这次给大家带来你必须要注意的vue组件使用细节,vue组件使用细节的注意事项有哪些,下面就是实战案例,一起来看一下。 细节一 基础例子 运行结果: 以上大家都懂,这边就不多说,回到代码里,有时候我们需要 tbody 里面每一行是一个子组件,…

    2025年3月8日 编程技术
    200
  • 怎样使用vue中$refs

    这次给大家带来怎样使用vue中$refs,使用vue中$refs的注意事项有哪些,下面就是实战案例,一起来看一下。 一般来讲,获取DOM元素,需document.querySelector(”.input1″)获取这…

    编程技术 2025年3月8日
    200
  • 怎样使用vue实现选项卡及选项卡切换效果

    这次给大家带来怎样使用vue实现选项卡及选项卡切换效果,使用vue实现选项卡及选项卡切换效果的注意事项有哪些,下面就是实战案例,一起来看一下。 这里不跟大家再去把Vue文档上的一些指令用法或者基础知识再复述一遍,既然是从入门到实战,我直接将…

    2025年3月8日
    200
  • 如何使用vue webpack

    这次给大家带来如何使用vue webpack,使用vue webpack的注意事项有哪些,下面就是实战案例,一起来看一下。 在开发时,前后端分离同时进行开发。前端调用后端给的接口也是在局域网内部的。但是,当项目推到线上的时候,会从真实服务器…

    编程技术 2025年3月8日
    200
  • 如何使用vue-cli2.9.3

    这次给大家带来如何使用vue-cli2.9.3,使用vue-cli2.9.3的注意事项有哪些,下面就是实战案例,一起来看一下。 一、安装vue-cli 1.使用npm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用…

    2025年3月8日 编程技术
    200
  • 如何使用Vue中mixin

    这次给大家带来如何使用Vue中mixin,使用Vue中mixin的注意事项有哪些,下面就是实战案例,一起来看一下。   vue中提供了一种混合机制–mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论