更新记录

1.0.1(2025-10-31) 下载此版本

支持全平台 / 多端使用

1.0.0(2025-10-31) 下载此版本

插件功能完成


平台兼容性

uni-app(3.6.12)

Vue2 Vue2插件版本 Vue3 Vue2插件版本 Chrome Safari Safari插件版本 app-vue app-vue插件版本 app-nvue app-nvue插件版本 Android Android插件版本 iOS iOS插件版本 鸿蒙
1.0.0 1.0.0 1.0.0 1.0.1 1.0.1 10.0 1.0.1 15 1.0.1 -
微信小程序 微信小程序插件版本 支付宝小程序 支付宝小程序插件版本 抖音小程序 抖音小程序插件版本 百度小程序 百度小程序插件版本 快手小程序 快手小程序插件版本 京东小程序 京东小程序插件版本 鸿蒙元服务 鸿蒙元服务插件版本 QQ小程序 QQ小程序插件版本 飞书小程序 飞书小程序插件版本 快应用-华为 快应用-华为插件版本 快应用-联盟 快应用-联盟插件版本
1.0.1 1.0.1 1.0.1 1.0.1 1.0.1 1.0.1 1.0.1 1.0.1 1.0.1 1.0.1 1.0.1

其他

多语言 暗黑模式 宽屏模式
× ×

uni-app H5 扫码组件

基于 uni-app 开发的 H5 扫码组件

技术栈

  • uni-app
  • html5-qrcode

使用说明

  1. 安装依赖包
npm install html5-qrcode
  1. 在页面引入组件
 import scanCode from '@/components/easy-scancode/easy-scancode.vue'
  1. 在页面 components 注册
components: {
    scanCode
},
  1. 页面 html 引用
<!-- 扫码组件 -->
<scan-code ref="scan"></scan-code>
  1. js 调用即可
this.$refs.scan.start({
    success: (val, res)=> {
        console.log('扫描成功',val,res)
    },
    fail: (rej)=>{
        console.log('扫描失败',rej)
    }
})

隐私、权限声明

1. 本插件需要申请的系统权限列表:

录像权限

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议