前言:在物聯(lián)網(wǎng)的應用中,掃描功能是一種很常用的功能,這篇文章將教你怎么通過UNI-APP實現(xiàn)掃描二維碼
-
找到掃碼功能的API
UNI-APP已經(jīng)有了掃碼功能的API了,通過API可以非常簡單的實現(xiàn)掃碼功能
UNI-APP官網(wǎng) -
查看API
有API可以方便我們進行開發(fā),所以,會看API也是程序員的必備技能
這個API可以說是非常詳細了,完全足夠開發(fā)文章來源:http://www.zghlxwxcb.cn/news/detail-533775.html -
代碼編寫文章來源地址http://www.zghlxwxcb.cn/news/detail-533775.html
<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上面顯示的
到了這里,關于UNI-APP實現(xiàn)掃描二維碼的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!