微信公众号开发

微信小程序 扫一扫功能

本文主要是介绍微信小程序 扫一扫功能,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

微信小程序 扫一扫功能

参考官方文档: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,
        })
      }
    })
  }
  
})
这篇关于微信小程序 扫一扫功能的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!