微信小程序开发笔记（三）--- 扫描二维码（复制即用）

前言

本文为微信小程序开发笔记，现学现卖，正在学习中。
如有发现问题或者发现有什么不足的地方，请大佬们多多指教！！！（开发自己的微信小程序中……）

• 实现效果
  点击图片，开始扫描二维码，然后扫描成功后调用方法。
• WXML部分

<view class='form-list'>
 <input type='text' value='{
    
    {scanCodeMsg}}'></input>
 <image class='scan' bindtap='scanCode' src='/images/scanCode.png' mode='widthFix'></image>
</view>

• JS部分

 data: {
    
    
 scanCodeMsg: "",
},
scanCode: function() {
    
    
 var that = this;
 wx.scanCode({
    
     //扫描API
   success(res) {
    
     //扫描成功
     console.log(res) //输出回调信息
     that.setData({
    
    
       scanCodeMsg: res.result
     });
     wx.showToast({
    
    
       title: '成功',
       duration: 1000
     })
   }
 })
},

• 代码示例（参考学习用）

// 允许从相机和相册扫码
wx.scanCode({
    
    
success(res) {
    
    
  console.log(res)
}
})

// 只允许从相机扫码
wx.scanCode({
    
    
onlyFromCamera: true,
success(res) {
    
    
  console.log(res)
}
})

本文参考：http://caibaojian.com/wx-scancode.html，向小编表示感谢！