1. 安装（选择一种方式）

  使用npm Html5Qrcode npm链接

npm i html5-qrcode

  直接引入html5-qrcode.min.js文件 （本例使用此方法）

2. 扫码组件代码（先引入Html5Qrcode资源）

3. 扫描组件使用方法

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

4. 实现效果

推荐链接

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。