微信小程序扫一扫

最新推荐文章于 2025-06-26 14:06:05 发布

麻吉麻吉麻吉

最新推荐文章于 2025-06-26 14:06:05 发布

阅读量1.6w

点赞数 5

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信 api

本文链接：https://blog.youkuaiyun.com/pop1111/article/details/70916744

微信小程序专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现扫码功能的方法。通过使用wx.scanCode API接口，可以完成扫描条形码或二维码的动作，并将扫描结果展示在页面上。文章提供了完整的代码示例，包括如何设置扫码成功的回调函数来处理扫描结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//index.js

//获取应用实例
var app = getApp()
Page({
  data: {
    show: "",
  },

  onLoad: function () {
    console.log('onLoad')
  },
  click: function () {
    var that = this;
    var show;
    wx.scanCode({
      success: (res) => {
        this.show = "--result:" + res.result + "--scanType:" + res.scanType + "--charSet:" + res.charSet + "--path:" + res.path;
        that.setData({
          show: this.show
        })
        wx.showToast({
          title: '成功',
          icon: 'success',
          duration: 2000
        })
      },
      fail: (res) => {
        wx.showToast({
          title: '失败',
          icon: 'success',
          duration: 2000
        })
      },
      complete: (res) => {
      }

.saoma{
  height: 40px;
  width:110px;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  background-color: #999;
  text-align: center;
}
.show{
  width: 100%;
  color: #666;
  background-color: #fff;
  height: auto;

}

<view class="container">
  <view class="saoma" bindtap="click">点我扫一扫</view>
  <view class="show">{{show}}</view>
</view>

微信小程序，真机测试通过

微信小程序 扫一扫

微信小程序扫一扫