前言：在物聯(lián)網(wǎng)的應(yīng)用中，掃描功能是一種很常用的功能，這篇文章將教你怎么通過UNI-APP實(shí)現(xiàn)掃描二維碼

1. 找到掃碼功能的API
   UNI-APP已經(jīng)有了掃碼功能的API了，通過API可以非常簡(jiǎn)單的實(shí)現(xiàn)掃碼功能
   UNI-APP官網(wǎng)
   
   截圖1.png

2. 查看API
   有API可以方便我們進(jìn)行開發(fā)，所以，會(huì)看API也是程序員的必備技能

   
   
   截圖2.png
   
   

   這個(gè)API可以說是非常詳細(xì)了，完全足夠開發(fā)

3. 代碼編寫

<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>

4. 演示

   
   
   截圖4.png

   這是在小程序的模擬器上顯示的

   
   
   截圖3.png

   這是在APP上面顯示的