微信小程序 扫一扫功能

微信小程序 扫一扫功能

参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/device/scan/wx.scanCode.html

.wxml:

<!-- 扫一扫功能 -->
  <button type="primary" bindtap='getScanCode'>扫一扫</button>
  <view wx:if="{{content !=''}}">扫出来的内容:{{content}}</view>

.js:

//获取应用实例
const app = getApp()
 
Page({
  data: {
    content: ''
  },
 
  onLoad: function() {
  },
 
  getScanCode: function() {
    let that = this  //在微信 API 回调函数内 this 指向的是微信 API，所以拿不到 this.data.* / this.* 值。所以在外部提前定义接收this（注：ES6 箭头函数（ ()=>{} ）同样可以解决该问题）
    wx.scanCode({
      scanType:['barCode', 'qrCode'], //扫码类型（默认一维码，二维码）
      onlyFromCamera: false, //是否只能从相机扫码，不允许从相册选择图片(默认两者都可以)
      success: (res) => {
        var result = res.result;  //所扫码的内容
        that.setData({
          content: result,
        })
      }
    })
  }
  
})