微信H5网页调用扫一扫功能（vue）中遇到的问题

最新推荐文章于 2024-08-01 16:34:18 发布

林迦叶

最新推荐文章于 2024-08-01 16:34:18 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/maple_leaf_red/article/details/116663952

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种解决微信H5网页中扫一扫功能首次加载失败的问题。通过在页面加载时检查并清除特定的状态码，确保扫一扫功能始终可用。此方法避免了用户因初次加载失败而需要手动刷新页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信H5网页使用扫一扫时遇到的问题

- 首次进入界面调用失败

首次进入界面调用失败

问题：进入页面，点击扫一扫按钮调用微信扫一扫功能失效，但是刷新当前页调用就正常了

解决方法：

// 使用扫一扫按钮的页面
import * as auth from '@/utils/auth';

mounted() {
  // 临时解决扫一扫刷新问题
  if (auth.getUrlCode() == 1) {
    auth.removeUrlCode()
  } else {
    auth.setUrlCode(1);
    location.reload();
  }
},

// auth.js页面
import Cookies from 'js-cookie'
// 存储临时code
export function setUrlCode(code){
  return Cookies.set('urlCode',code)
}
// 获取临时code
export function getUrlCode() {
  return Cookies.get('urlCode')
}
// 移出临时code
export function removeUrlCode() {
  return Cookies.remove('urlCode')
}