博客

可以通过以下步骤实现：

1. 在小程序页面中添加一个button按钮，并设置一个绑定事件handleScan，当按钮被点击时会触发这个事件。
2. .在handleScan事件中调用微信扫码API wx.scanCode()，获取扫码的内容，将其保存为一个变量。
3. .将获取到的扫码内容显示在页面上。可以在页面中添加一个text组件，将扫码内容设置为text组件的text属性值，即可显示在页面上。

示例代码如下：

//wxml文件

<view>
  <button bindtap="handleScan">扫描二维码</button>
  <text>{{scanCodeResult}}</text>
</view>

//js文件

Page({
  data: {
    scanCodeResult: ''
  },

  handleScan: function() {
    var that = this;
    wx.scanCode({
      success: function(res) {
        // 将扫码结果保存到data中
        that.setData({
          scanCodeResult: res.result
        });
      }
    })
  }
})