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

ws-carema本扫码功能支持连续扫码，获取图片使用方式// 在js中引用import WsCarema from "@/components/ws-carema/index.vue"components:{ WsCarema },// 在界面中引用<view class="container"><ws-carema ref="carema" :get-photo="false

iamzhizhang

4598人浏览 · 2021-07-19 14:37:46

iamzhizhang · 2021-07-19 14:37:46 发布

ws-carema

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

效果展示

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

使用方式

// 在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’}]