Fork me on Gitee

uniapp实现扫码功能

uniapp实现扫码功能

注释:

要实现的功能现描述如下:

扫码交接用枪,用枪人A想把自己名下的枪支交接给用枪人B,B扫A生成的二维码实现枪支的交接

大体思路是,将A名下的枪支对象中的某个属性生成二维码,B扫码后将识别的二维码信息作为参数,调用对应查询接口,显示要交接的枪支信息,点击确认交接后,调用交接接口,实现枪支交接功能

一、利用扫码插件,将需要的信息生成二维码

1.进入DCloud插件市场下载对应的插件

我下载的是

image-20220401165711198

下载完成后,项目中会有以下文件

image-20220402151237198

2.引用组件,生成二维码

<tki-qrcode ref="qrcode" :val="myGun.ownerId" :onval="true" :size="200" @result="qrR" :loadMake="true" />

此处我将二维码生成组件放在了弹框中,如下图

image-20220402151905825

二、通过uni.scanCode()方法调用摄像头扫码

image-20220402152609567

posted @ 2022-04-02 15:28  等风的羽毛  阅读(2234)  评论(2编辑  收藏  举报
1