今天來做下小程序掃一掃功能，因?yàn)轫?xiàng)目需要，需要在頁面搜索框加上掃碼功能。

image.png

廢話不多說，直接上代碼。

wxml代碼

<view class="search">
  <view class="search-left">
    <input type="number" cpmfirm-type="search" placeholder='輸入單號(hào)，查找訂單' 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({ //掃描API
      success(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
        })
      },
    })
  }