最近在做uniapp的項目，其中有需要掃碼的東西，踩了不少坑。
我們這里介紹一下，uni.scanCode，這個掃碼非常簡單，而且是全屏掃碼，支持從相冊選取，只需要按照如下格式寫，其中res.result就是掃碼后的結(jié)果。
但是，因為是全屏，而且會單獨打開一個掃碼頁面，掃碼后如果對成功事件沒有后續(xù)代碼，則會返回原頁面觸發(fā)原頁面的onshow，另外，這個方法沒法調(diào)整掃碼頁面的樣式。
接下來再說一個掃碼的方法。Barcode，官方對他的解釋是，app端nvue專用的掃碼組件。
這個是一個內(nèi)嵌的掃碼，所以能夠控制掃碼頁面的事件和樣式。
需要使用barcode組件作為載體，如下為官網(wǎng)的例子。
<barcode id='1' class="barcode" autostart="true" ref="barcode" background="rgb(0,0,0)" frameColor="#1C86EE" scanbarColor="#1C86EE" :filters="fil" @marked="success1" @error="fail1"></barcode>
使用方法直接使用this.$refs.barcode.start,即可調(diào)用，與全屏掃碼不同，因為是內(nèi)嵌掃碼所以可以調(diào)整樣式。
了解更多uniapp知識點擊這里。
上一篇： vue中實現(xiàn)瀑布流
