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

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) //輸出回調信息that.setData({scanCodeMsg: res.result});wx.showToast({title: '掃碼成功',icon: 'success',duration: 1000})},fail: (res) => {//接口調用失敗的回調函數wx.showToast({title: '掃碼失敗',icon: 'success',duration: 1000})},})}

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。