收藏
回答

新手:微信小程序扫码实现数据叠加展示?

首先这是前端代码

<text>点击按钮开始扫码,扫码后内容自动复制到粘贴板</text>
<view class="container">
  <view wx:if="{{result !=''}}">
      <text>{{result}}</text>
  </view>
  <button bindtap='getScancode'>扫一扫</button>
</view>


这是后端JS代码

getScancode: function () {
  var _this = this;
  wx.scanCode({
          success(res) => {
                  console.log(res);
                  var result = res.result;
                  _this.setData({
                          result: result,
                  })
          }
  })
}


疑问:

我想知道如何把扫码出来的内容叠加显示到text中,并且换行,并且每次扫码都复制一下文本框的内容到剪切板

例如:

扫码第一次 12345

扫码第二次 54321

最终我想要的是文本显示,并且自动将文本复制到文本框

12345
54321


望哥们大佬帮忙解决一下,我是一个新手小白,you时间的大佬可以帮忙写一下教我看看学学一下,万分感谢!


回答关注问题邀请回答
收藏

1 个回答

  • 同步
    同步
    2022-04-12
    列表渲染
    wx:for
    
    在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。
    
    默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item
    
    <view wx:for="{{array}}">
      {{index}}: {{item.message}}
    </view>
    
    参考下列表渲染
    https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html
    
    2022-04-12
    有用 1
    回复
登录 后发表内容