小程序，调用微信扫一扫功能

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

原创最新推荐文章于 2025-06-26 14:06:05 发布 · 3k 阅读

10 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何在微信小程序中实现扫一扫功能，并将扫描结果实时展示在页面上。通过简单的wxml和js代码示例，展示了如何使用wx.scanCode API进行二维码或条形码的扫描，并将扫描结果通过setData更新到页面数据中。

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

微信小程序调用扫一扫，将所得的信息展示到页面中

wxml文件：

<view bindtap='scancode'>
    <text class='texts'>(点击扫一扫) </text>
</view>
<view>{{result}}</view>

js文件：

Page({
  data: {
    result: "",
  },
  scancode: function () {
    let that = this;
    let result;
    wx.scanCode({
      success: (res) => {
        this.result = res.result;
        that.setData({
          result: this.result
        })
      }
    })
  },
})