今天來做下小程序掃一掃功能，因為項目需要，需要在頁面搜索框加上掃碼功能。

wxml代碼

<view class="search"><view class="search-left"><input type="number" cpmfirm-type="search" placeholder='輸入單號，查找訂單' placeholder-style="color: rgba(255, 255, 255, 0.9); " value="{{scanCodeMsg}}"></input><view bindtap='scanCode' class="iconfont icon-saoma"> </view></view> </view>

js代碼：

//掃碼scanCode: function () {var that = this;wx.scanCode({ //掃描APIsuccess(res) { //掃描成功console.log(res) //輸出回調(diào)信息that.setData({scanCodeMsg: res.result});wx.showToast({title: '掃碼成功',icon: 'success',duration: 1000})},fail: (res) => {//接口調(diào)用失敗的回調(diào)函數(shù)wx.showToast({title: '掃碼失敗',icon: 'success',duration: 1000})},})}

總結(jié)

以上是生活随笔為你收集整理的微信小程序之扫一扫功能的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。