更新记录
1.0.2(2021-12-24) 下载此版本
更新插件说明
1.0.1(2021-12-24) 下载此版本
更新支持 uni_modules ,老版本将不在维护。请大家下载新版本。新版本不在需要配置模板了。
1.0.0(2021-12-10) 下载此版本
上传插件
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | √ | √ | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
插件介绍
实现功能:读取本地的图片,进行二维码解析。
插件使用
插件已支持 uni_modules 支持组件easycom,以下代码演示的是普通使用
<--! HTML -->
<mumu-qrcode @callback='qrcodeCallback' ref='getQrcode'></mumu-qrcode>
<button @click="get">读取二维码</button>
// js
import mumuQrcode from '@/uni_modules/mumu-qrcode/components/mumu-qrcode/mumu-qrcode.vue'
export default {
components: { mumuQrcode },
data() {
return {
}
},
methods: {
qrcodeCallback(data) {
uni.showModal({
content: data
})
},
get() {
this.$refs.getQrcode.getQrcode()
}
},
}
相关API
事件(Events)
名称 | 说明 | 参数 |
---|---|---|
qrcodeCallback | 当解析到二维码时调用 | 二维码数据 |
方法(Methods)
此方法如要通过ref手动调用
名称 | 说明 | 参数 |
---|---|---|
getQrcode | 解析二维码 | - |
演示地址
连接地址:https://student.mumudev.top/h5qrcode/