前言:在物聯網的應用中,掃描功能是一種很常用的功能,這篇文章將教你怎么通過UNI-APP實現掃描二維碼
-
找到掃碼功能的API
UNI-APP已經有了掃碼功能的API了,通過API可以非常簡單的實現掃碼功能
UNI-APP官網
-
查看API
有API可以方便我們進行開發,所以,會看API也是程序員的必備技能
這個API可以說是非常詳細了,完全足夠開發
-
代碼編寫
<template>
<view class="content">
<view class="btn">
<button type="default" @click="scan">掃描</button>
</view>
<view class="admin">
<view>{{msg}}</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
msg: ""
}
},
methods: {
scan() {
uni.scanCode({
success: (res) => {
console.log(res);
this.msg = res.result
}
})
}
}
}
</script>
<style>
</style>
-
演示
這是在小程序的模擬器上顯示的
這是在APP上面顯示的