uniapp之小程序扫码（条形码、二维码）,支持连续扫码，同时返回扫码图片

桃扇骨 2023-01-23 08:00 36阅读 0赞

## ws-carema ##

本扫码功能支持**连续扫码**，**获取图片**

###### 效果展示 ######

![扫码界面][20210719143054762.jpg] ![单个扫码][20210719143106207.jpg] ![连续扫码列表][20210719143329671.jpg]

###### 使用方式 ######

// 在js中引用
    import WsCarema from "@/components/ws-carema/index.vue"
    components:{  WsCarema },

// 在界面中引用
    <view class="container">
    	<ws-carema ref="carema" @scanItem="scanItem" @scanList="scanList"></ws-carema>
    </view>

###### 参数说明 ######

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>类型</th> 
   <th>默认值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>getPhoto</td> 
   <td>boolean</td> 
   <td>true</td> 
   <td>是否返回图片信息</td> 
  </tr> 
  <tr> 
   <td>isContinuous</td> 
   <td>boolean</td> 
   <td>true</td> 
   <td>是否连续扫码</td> 
  </tr> 
  <tr> 
   <td>scanInterval</td> 
   <td>Number</td> 
   <td>1000ms</td> 
   <td>连续扫码间隔</td> 
  </tr> 
  <tr> 
   <td>checkRepeat</td> 
   <td>boolean</td> 
   <td>true</td> 
   <td>是否判断重复扫码</td> 
  </tr> 
  <tr> 
   <td>showList</td> 
   <td>boolean</td> 
   <td>true</td> 
   <td>是否显示连续扫码列表，isContinuous为true时生效</td> 
  </tr> 
  <tr> 
   <td>scanItem</td> 
   <td>function</td> 
   <td>无</td> 
   <td>@scanItem=“scanItem”, 返回当前扫码数据，数据格式: {text: ‘xxx’, url: ‘xxx’}</td> 
  </tr> 
  <tr> 
   <td>scanList</td> 
   <td>function</td> 
   <td>无</td> 
   <td>@scanList=“scanList”, isContinuous为true时生效，返回扫码列表，数据格式: [{text: ‘xxx’, url: ‘xxx’}, {text: ‘xxx’, url: ‘xxx’}]</td> 
  </tr> 
 </tbody> 
</table>

###### 插件地址 ######

[扫码插件：https://ext.dcloud.net.cn/plugin?id=5621][https_ext.dcloud.net.cn_plugin_id_5621]

[20210719143054762.jpg]: https://img-blog.csdnimg.cn/20210719143054762.jpg
[20210719143106207.jpg]: https://img-blog.csdnimg.cn/20210719143106207.jpg
[20210719143329671.jpg]: /images/20221004/57ca94fb4faa4633b979741535964152.png
[https_ext.dcloud.net.cn_plugin_id_5621]: https://ext.dcloud.net.cn/plugin?id=5621