vue实现二维码扫码功能(带样式)

最近接了一个移动端的项目,实现微信扫码功能,今天小编利用这个平台给大家分享vue实现二维码扫描功能的实现代码,需要的朋友参考下吧

需求:
利用vue实现二维码扫描;

插件:
QRCodeReader;

插件下载

npm install --save vue-qrcode-reader

注意:
需要在https协议下才可以调用相机,实现扫码。
可以通过配置vue.config.js中的devServer:{https:true}
或参照前文章 前端使用Nuxt框架,配置本地https访问 配置本地证书

在这里插入图片描述

 

好,下面在一段代码vue项目中实现扫码功能

项目地址:https://github.com/wkl007/vue-scan-demo.git
项目主要是做的一个扫码的功能
核心代码为

 

...载入中...

以上就是vue实现二维码扫码功能(带样式)的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程