1：新建一個(gè)uniapp項(xiàng)目坤候，命名為test
uniapp怎么調(diào)用掃一掃功能？
可以看到蔑赘，在開發(fā)工具HBuilderX里面捺檬，極速生成的模板目錄結(jié)構(gòu)如下
uniapp怎么調(diào)用掃一掃功能？_參數(shù)說明_02
2：打開pages底下的index.vue的組件状知，開始寫代碼秽五。
我們都知道，無論用什么框架開發(fā)饥悴，都離不開文檔坦喘，學(xué)會(huì)看文檔，你就是一個(gè)合格的API工程師了西设。
官網(wǎng)文檔： https://uniapp.dcloud.io/api/system/barcode
uni.scanCode(OBJECT)
調(diào)起客戶端掃碼界面瓣铣，掃碼成功后返回對(duì)應(yīng)的結(jié)果。
關(guān)于這些參數(shù)說明贷揽，就不一一的列舉了棠笑，我相信大部分人都會(huì)，千萬不要被這一行行一列列的不太懂的英文字母禽绪、參數(shù)勸退蓖救，認(rèn)真你就輸了。
uniapp怎么調(diào)用掃一掃功能印屁？_官網(wǎng)文檔_03
我們copy一下官方文檔給的例子循捺，放到自己的代碼里面去，對(duì)雄人，你沒有看錯(cuò)从橘，就是這些。
uniapp怎么調(diào)用掃一掃功能础钠？_真機(jī)調(diào)試_04
index.vue代碼如下
<template>
<view>
<button type="primary" @click="scanCode()">button</button>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
scanCode() {
// 允許從相機(jī)和相冊(cè)掃碼
uni.scanCode({
success: function (res) {
console.log('條碼類型：' + res.scanType);
console.log('條碼內(nèi)容：' + res.result);
}
});
}
}
}
</script>
3：開始運(yùn)行
如果你是這樣的恰力，運(yùn)行到瀏覽器，雖然可以編譯成功珍坊，
uniapp怎么調(diào)用掃一掃功能牺勾？_參數(shù)說明_05
但是點(diǎn)擊button按鈕的時(shí)候，會(huì)發(fā)現(xiàn)存在這樣的報(bào)錯(cuò)
[system] API `scanCode` is not yet implemented
uniapp怎么調(diào)用掃一掃功能阵漏？_真機(jī)調(diào)試_06
因?yàn)閡ni.scanCode這個(gè)方法需要上真機(jī)上面調(diào)試哦驻民，這就涉及到
uniapp項(xiàng)目怎么連接手機(jī)調(diào)試了，上一篇已經(jīng)寫好了：傳送門貼一下
http://www.reibang.com/p/07816dcec49d
4：調(diào)試結(jié)果
在真機(jī)調(diào)試履怯，如下
uniapp怎么調(diào)用掃一掃功能回还？_官網(wǎng)文檔_07
完結(jié)，撒花~
本文轉(zhuǎn)自：
https://blog.51cto.com/u_15315508/5243107
