编程语言
首页 > 编程语言> > 微信小程序 扫一扫功能

微信小程序 扫一扫功能

作者:互联网

微信小程序 扫一扫功能

参考官方文档: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: ''
  },
 
  onl oad: 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,
        })
      }
    })
  }
  
})

标签:扫码,微信,扫一扫,程序,content,API,result
来源: https://blog.csdn.net/li222248/article/details/116780420