精选文章 vue中jssdk实现扫描二维码方法

vue中jssdk实现扫描二维码方法

作者:焚情使者 时间: 2021-02-05 09:43:41
焚情使者 2021-02-05 09:43:41
【摘要】# 用npm下载微信jssdk:npm install weixin-js-sdk --S 
## 在src下新建一个utils,在utils中新建一个wx.js 
import axios from '../plugins/axios'
import api from "../config/api.js";
export default function wxConfig () {
  a...

# 用npm下载微信jssdk:npm install weixin-js-sdk --S

## 在src下新建一个utils,在utils中新建一个wx.js

import axios from '../plugins/axios'
import api from "../config/api.js";
export default function wxConfig () {
  axios({ url: api.GetJssdkConfig,//接口地址 method: 'post', data: { url: window.location.href.split('#')[0], }
  }).then(res => { if (res.data.state == 1) { wx.config({ debug: false,// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: res.data.data.appId,// 必填,公众号的唯一标识 timestamp: res.data.data.timestamp,// 必填,公众号的唯一标识 nonceStr: res.data.data.nonceStr,// 必填,生成签名的随机串 signature: res.data.data.signature,// 必填,签名 jsApiList: ["scanQRCode"]// 必填,需要使用的JS接口列表 }) wx.error(err => console.log(err)) wx.ready(() => { wx.checkJsApi({ jsApiList: ["scanQRCode"], success: res => { console.log(res); if (res.checkResult.indexOf("scanQRCode") != -1) { console.log("1"); } } }); }); }
  })
}

### 在全局main.js中引入 import wx from "./utils/wx.js";

#### 在全局main.js中创建实例 Vue.prototype.$wxConfig = wx;

##### 注意:(此前确保你安装了axios,和封装了api)

 

勿删,copyright占位
分享文章到微博
分享文章到朋友圈

上一篇:IIS 部署 .net core 疑是跨域问题

下一篇:redhat8 IP地址设置

您可能感兴趣

  • ++a||++b&&++c_C ++程序| 打印数组元素的不同方法

    ++a||++b&&++c Given an array and we have to print its elements using different ways. 给定一个数组,我们必须使用不同的方式打印其元素。 Here, we are using the following ways, 在这里,我们使用以下方式, ...

  • 可视化输配电网状态仿真分析软件包的开发与实现

    一、概述 随着电力建设的发展 电网结构越来越复杂电力系统计算分析的工作量也日趋庞大而现有电力系统计算分析软件大多是用在文本表格环境下运行,由于功能操作和结果显示都不直观;用户必须用很大的精力来熟悉和掌握这类软件的使用,尤其让人头疼的是,要花费大量时间来准备和填写,查看,分析计算所需的数据,因此开发一套可视化的,...

  • Java SimpleTimeZone setStartRule()方法与示例

    SimpleTimeZone类setStartRule()方法 (SimpleTimeZone Class setStartRule() method) Syntax: 句法: public void setStartRule(int st_mm, int st_dd, int st_time); public ...

  • 某条前端面试题--实现一个封装的ajax器(Promise版)

    题目描述 实现一个封装ajax器,功能有 限制一次同时发送的ajax请求数量m个timeout限制重试n次 前置知识 XMLHttpRequest XMLHttpRequest(XHR)对象用于与服务器...

  • Java StringTokenizer countTokens()方法及示例

    StringTokenizer类的countTokens()方法 (StringTokenizer Class countTokens() method) countTokens() method is available in java.util package. countTokens()方法在java.util包中可用。 countT...

  • Ubuntu Desktop 18.04 设置静态IP方法(超详细)

    这里指的是Ubuntu Desktop 18.04上设置静态IP,Ubuntu Server 18.04上设置静态IP的方法请参考点击打开链接 我使用的是VMware 14 Pro 。具体步骤如下: 打开虚拟网络编辑器 点击更改设置 设置Vmnet0为桥接模式,桥接到处设置为自动即可 修改网络适配器设置,改为桥接模式 进入Ub...

  • 在Flash CS6中安装动画辅助制作插件DragonBones

    提示:本文后面提供的附件是我从网络上搜索到的一个相当不错的针对Flash CS 6.0的扩展插件,它是在原有的Dragonbone 2.0的基础上作了适当修改,以便导致更多类型的符合COCOS2D-X开发的动画文件。当然,有的动画文件也可以为CocoStudio(例如我讲课中使用的1.4.0.1)中的动画编辑器所导入作进一步修改使用...

  • Activity 中 Handler的正确使用

    public class MainActivity extends AppCompatActivity { TextView test_text; private final MyHandler mHandler = new MyHandler(this); @Override protected void onCr...

CSDN

CSDN

中国开发者社区CSDN (Chinese Software Developer Network) 创立于1999年,致力为中国开发者提供知识传播、在线学习、职业发展等全生命周期服务。

华为云40多款云服务产品0元试用活动

免费套餐,马上领取!
vue中jssdk实现扫描二维码方法介绍:华为云为您免费提供vue中jssdk实现扫描二维码方法在博客、论坛、帮助中心等栏目的相关文章,同时还可以通过 站内搜索 查询更多vue中jssdk实现扫描二维码方法的相关内容。| 移动地址: vue中jssdk实现扫描二维码方法 | 写博客