项目中有个需求,需要在H5移动端实现扫描二维码进行产品快捷录入网上找了很多方法,都看起来比较麻烦,也使用Chart 3.5 ,上面提供的也一言难尽。不多说了
一、npm引入
npm install --save-dev html5-qrcode
二、页面中直接引入
import {
Html5QrcodeScanner,
Html5Qrcode
} from "html5-qrcode";
三、官网给了两种方法使用
官网地址:Getting started | ScanApp
四、完整代码 /* mounted 注释部分是第一种方法 */
<template>
<view>
<button @click="getCameras">开始 </button>
<button @click="stop"> 停 </button>
<view id="reader">
</view>
</view>
</template>
<script>
import {
Html5QrcodeScanner,
Html5Qrcode
} from "html5-qrcode";
export default {
data() {
return {
cameraId: '',