最近接了一个移动端的项目,实现微信扫码功能,今天小编利用这个平台给大家分享vue实现二维码扫描功能的实现代码,需要的朋友参考下吧
需求:
利用vue实现二维码扫描;
插件:
QRCodeReader;
插件下载
npm install --save vue-qrcode-reader
注意:
需要在https协议下才可以调用相机,实现扫码。
可以通过配置vue.config.js中的devServer:{https:true}
或参照前文章 前端使用Nuxt框架,配置本地https访问 配置本地证书
{{ error }}
扫描结果: {{ result }}
好,下面在一段代码vue项目中实现扫码功能
项目地址:https://github.com/wkl007/vue-scan-demo.git
项目主要是做的一个扫码的功能
核心代码为
...载入中...
以上就是vue实现二维码扫码功能(带样式)的详细内容,更多请关注0133技术站其它相关文章!