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

最新推荐文章于 2025-03-18 14:23:39 发布

iamzhizhang

最新推荐文章于 2025-03-18 14:23:39 发布

阅读量5.2k

点赞数 1

分类专栏： uni-app 小程序文章标签：前端 vue.js

本文链接：https://blog.csdn.net/iamzhizhang/article/details/118710782

版权

3 篇文章

订阅专栏

2 篇文章

订阅专栏

本文档介绍了WsCarema扫码组件的使用方法和参数配置，包括连续扫码、图片获取、扫描间隔、重复扫码判断和扫码列表显示等功能。通过示例代码展示了如何在JS中引用并实现在界面上的应用。此外，提供了扫码插件的下载链接，适用于前端开发中的二维码和条形码扫描需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

扫码界面单个扫码连续扫码列表

// 在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>

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