更新记录
1.0.2(2021-12-24) 下载此版本
更新插件说明
1.0.1(2021-12-24) 下载此版本
更新支持 uni_modules ,老版本将不在维护。请大家下载新版本。新版本不在需要配置模板了。
1.0.0(2021-12-10) 下载此版本
上传插件
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | √ | √ | √ |
插件介绍
实现功能:读取本地的图片,进行二维码解析。
插件使用
插件已支持 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/