微信小程序-(十九)uni-app实现调用摄像头完成扫码功能

本文最后更新于:April 12, 2022 pm

微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。对于开发者而言,微信小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。

目录

官方文档

一些其他参数可见官方文档。以下代码可直接使用。测试时需要使用手机进行测试,不能在电脑上实现扫码,在电脑上可以选择图片进行识别。

实现代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<template>
<view style="margin-top: 10%;">
<van-empty description="扫码打卡" />
<van-button round color="linear-gradient(to right, #4bb0ff, #6149f6)" size="large" @click="scan()">扫一扫</van-button>
扫码结果为:{{QRshow}}
</view>
</template>

<script>
export default {
data() {
return {
QRshow: ''
};
},
methods:{
scan(){
console.log("进来了")
uni.scanCode({
scanType: ["qrCode"],
success: (res) => {
console.log(res);
if (res.result) {
const val = res.result;
this.QRshow = res.result
} else {
console.log('请重新扫描');
return false;
}
},
fail: (res) => {
console.log('未识别到二维码');
}
});
}
}
}
</script>

<style lang="scss">

</style>