h5移动端调用手机摄像头扫码

1.前提条件

必须运行在https协议下

2.vue3安装vue-qrcode-reader/browser-fs-access插件

npm i vue-qrcode-reader
npm i browser-fs-access

3.封装QrCode扫码组件

4.使用

state.openCameraStatus = true


let successHandle = (val) => {
    alert(val)
    state.openCameraStatus = false
}