基于html5QrCode实现的H5扫码功能(uni-app v2版本)

1. 安装(选择一种方式)

  •   使用npm Html5Qrcode npm链接
npm i html5-qrcode
  •   直接引入html5-qrcode.min.js文件 (本例使用此方法)

2. 扫码组件代码(先引入Html5Qrcode资源)






3. 扫描组件使用方法

  1. 引入组件
  2. 使用组件,通过v-model控制显示与隐藏,success回调获取扫码结果。
 
 

4. 实现效果

基于html5QrCode实现的H5扫码功能(uni-app v2版本)_第1张图片

你可能感兴趣的:(移动端H5,uni-app,html5)