uniapp怎麼調用掃一掃功能？

1：新建一個uniapp項目，命名爲test

可以看到，在開發工具HBuilderX裏面，極速生成的模板目錄結構如下

2：打開pages底下的index.vue的組件，開始寫代碼。

我們都知道，無論用什麼框架開發，都離不開文檔，學會看文檔，你就是一個合格的API工程師了。

官網文檔：https://uniapp.dcloud.io/api/system/barcode

uni.scanCode(OBJECT)

調起客戶端掃碼界面，掃碼成功後返回對應的結果。

關於這些參數說明，就不一一的列舉了，我相信大部分人都會，千萬不要被這一行行一列列的不太懂的英文字母、參數勸退，認真你就輸了。

我們copy一下官方文檔給的例子，放到自己的代碼裏面去，對，你沒有看錯，就是這些。

index.vue代碼如下

<template>
    <view>
        <button type="primary" @click="scanCode()">button</button>
    </view>
</template>
<script>
    export default {
        data() {
            return {
            };
        },
        methods: {
            scanCode() {
                 // 允許從相機和相冊掃碼
                 uni.scanCode({
                     success: function (res) {
                         console.log('條碼類型：' + res.scanType);
                         console.log('條碼內容：' + res.result);
                     }
                 });
            }
        }
    }
</script>

3：開始運行
如果你是這樣的，運行到瀏覽器，雖然可以編譯成功，

但是點擊button按鈕的時候，會發現存在這樣的報錯

[system] API `scanCode` is not yet implemented

因爲uni.scanCode這個方法需要上真機上面調試哦，這就涉及到
uniapp項目怎麼連接手機調試了，上一篇已經寫好了：傳送門貼一下
https://www.jianshu.com/p/07816dcec49d

4：調試結果
在真機調試，如下

完結，撒花~

歡迎關注【編程微刊】公衆號，回覆【領取資源】,500G編程學習資源乾貨免費送。