如何用Vue在移动端实现调用相机扫描二维码或条形码的完整功能？

本文共计1410个文字，预计阅读时间需要6分钟。

目录

一、开发前的准备

二、实现效果图

三、整体操作实现

四、总结

一、开发前的准备

1.开发前的准备工作

2.实现二维码或条形码识别的常见做法是调用微信JS-SDK的扫一扫功能

二、实现效果图

1.微信扫一扫功能概述

2.实现步骤及代码示例

三、整体操作实现

1.调用微信JS-SDK的扫一扫功能

2.识别结果处理

四、总结

1.开发前的准备工作

2.实现二维码或条形码识别的具体步骤

目录

• 一、开发前的准备
• 二、实现效果图
• 三、具体操作实现
• 总结

一、开发前的准备

实现二维码或条形码的扫描识别比较普遍的做法是去调用微信 JS-SDK 的扫一扫功能（详见 概述 | 微信开放文档），或者支付宝 H5 开放的API（详见支付宝H5开放文档）。

但是这两者都会比较麻烦且有一定的局限性，微信的扫一扫只能在微信里用，而且还需要公众号认证等配置操作。支付宝在内置 App 内可以同时识别二维码和条形码，但外部调用的 API 无法一次性同时识别，只能分开识别。