vue 微信公众号二维码 ios系统长按没有反应，识别不了二维码

最近在做项目，有一个需要长按二维码，直接识别二维码来关注公众号，写好以后，安卓手机可以使用，但是苹果手机长按没有一点反应，就去查找解决方法，找了很多，有说

1、是存放二维码的页面，不要放多个；

2、还有是说，放二维码的页面不能有position：fixed（固定定位）；

3、是index.html页面meta缩放问题了；

4、什么history模式了；

5、什么在img父元素div加背景二维码图片了

以上这些方法，除了第二种，其他都已经尝试，没有达到效果。

我的项目是，父组件里面调用了子组件，子组件里面有二维码，父组件使用了fixed定位。

所以我的调整方法是，在二维码那里设置点击事件，跳转到新页面，新页面防置二维码以及一些信息，这样实现的效果是点击有反应了，页面内容如下：

代码如下：

1、父组件里面的点击事件：

2、新的关注页面代码：

<div class="goal__content-body">{{usText}}<p>如想关注公众号，请长按二维码：</p></div><img :src="src" class="img_info"/>

3、src路径：

以上就是响应的代码，不过这样还有一个问题就是，长按二维码会放大，并且出现分享、等操作，就需要给img图片加一个css样式：

-webkit-touch-callout: none;

如下图：

这样就么有问题了~ 结果如下：

成功啦~~

vue 微信公众号二维码 ios系统长按没有反应，识别不了二维码相关推荐

(Node+Vue+微信公众号开发)企业级产品全栈开发速成周末班
(Node+Vue+微信公众号开发)企业级产品全栈开发速成周末班从零到壹全栈部落产品:个人独立博客,21点见 Vue + Node + MongoDB支持服务端渲染的博客系统(5天) 开发环境技术 ...
vue 微信公众号开发
vue 微信公众号开发开题上个月初入职了一家新公司.来了新公司很忙.本来计划是在上个月底写一篇博客的,写一下关于新公司的事情. 几度思考之后还是没写.也许做程序员接手别人的项目,都会说别人的项目多 ...
vue在微信里面的兼容问题_详解Vue微信公众号开发踩坑全记录
本文介绍了Vue微信公众号开发踩坑全记录,分享给大家,也给自己留个笔记. 需求微信授权登录(基于公众号的登录方案) 接入JS-SDK实现图片上传,分享等功能现状及难点采用的Vue框架,前后端分 ...
vue微信公众号页面分享
vue微信公众号页面分享 utils=>share.js const wx = require("weixin-js-sdk"); // 这块因为我们业务是必须在公众号里面的 ...
vue微信公众号监听关闭页面
试了网上找的pagehide,unload,都不管用,后来看到同志说下面的方法好使.用了果然可以,大家可以试试,也欢迎提出建议. addEventListener mounted() {// 微信公众 ...
vue微信公众号授权开发流程
vue微信公众号授权开发流程项目采用的是vue2.0开发的,还未更新到vue3.0.项目描述:只有通过微信授权登录,不需要绑定手机号. 1.注册公众号,这个不多说了 2.配置公众号在[公众号设置] ...
微信公众号如何实现在线报修系统？
微信公众号如何开发在线报修系统?微信公众号使用的人越来越多,同时很多人会将自己的客户群体放入微信公众号里面,对客户流量进行拦截!那么怎么使用微信公众号来做一个微信报修系统让我们的报修更加的简单: 第一 ...
vue 微信公众号支付接口_基于vue的h5项目之支付宝支付与微信支付
本文仅记录基于vue开发h5项目过程中使用支付宝和微信支付过程中的重点与槽点,仅为前端部分,如有疏漏不正之处,请于文末评论探讨.注意:标红部分灰常重要,仔细阅读官方文档非常重要,耐心非常重要,细心非常 ...
vue3实现微信公众号一次性订阅消息+ios和Android的63002 config:invalid signature问题
微信开放文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#23 微信 JS 接口签 ...
vue 微信公众号中如何调取微信JSSDK 和微信支付
闲来无事,抽个疯来写写博客 . 宝剑尚未配好,出门已是江湖.对于撸VUE 我是认真的~ 从啥也不懂到项目完成,也是花了不少时间啦. 说说我用到的技术栈吧 * vue-cli 官方脚手架模板.* ...

vue 微信公众号二维码 ios系统长按没有反应，识别不了二维码

vue 微信公众号二维码 ios系统长按没有反应，识别不了二维码相关推荐

最新文章

热门文章

vue 微信公众号 二维码 ios系统长按没有反应，识别不了二维码

vue 微信公众号 二维码 ios系统长按没有反应，识别不了二维码相关推荐

最新文章

热门文章

vue 微信公众号二维码 ios系统长按没有反应，识别不了二维码

vue 微信公众号二维码 ios系统长按没有反应，识别不了二维码相关推荐