最近在做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)瀑布流
開啟了相對路徑模式,本地址是站外域名,不能轉(zhuǎn)為相對路徑(在關(guān)閉開發(fā)者模式后不顯示這句話))
開啟了相對路徑模式,本地址是站外域名,不能轉(zhuǎn)為相對路徑(在關(guān)閉開發(fā)者模式后不顯示這句話))
開啟了相對路徑模式,本地址是站外域名,不能轉(zhuǎn)為相對路徑(在關(guān)閉開發(fā)者模式后不顯示這句話))
