Vue公众号开发调用微信扫一扫接口实现扫码功能（JSSDK）

1、安装、引用微信js-sdk#通过yarn安装 yarn add weixin-js-sdk#通过npm安装 npm i weixin-js-sdk项目中的引用import wx from 'weixin-js-sdk'2、调用sign接口传入当前环境的url、公众号签名信息3、methods（数据处理）wx.scanQRCode 调用微信的扫一扫接口（官...

情非得已小猿猿

6640人浏览 · 2019-09-28 16:57:56

情非得已小猿猿 · 2019-09-28 16:57:56 发布

1、安装、引用微信js-sdk

#通过yarn安装 yarn add weixin-js-sdk
#通过npm安装 npm i weixin-js-sdk
项目中的引用 import wx from 'weixin-js-sdk'

2、调用sign接口传入当前环境的url、公众号签名信息

3、methods（数据处理）

wx.scanQRCode 调用微信的扫一扫接口（官方文档地址可查看参数介绍）
needResult 默认为0，扫描结果由微信处理，1则直接返回扫描结果（根据自己的项目需求）
resultStr 二维码中携带的参数 (needResult为1时，扫码返回结果)
处理扫码后的参数并赋值，调用项目中的接口跳转页面等操作（根据自己的项目需要）

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^