小程序多数据 按钮复制功能

业务是小程序内 有社区,展示类似朋友圈 图文结合,可以长按复制,也可按钮复制

这里介绍下按钮复制:

  <view class="content">
    <view wx:for="{{duplicate}}">
      <button bindtap="copy" data-id="{{item.id}}">复制</button>
      <text>{{item.txt}}</text>
    </view>
  </view>

// 假数据
Page({
  data: {
    duplicate:[
          {txt:'占位1占位1占位1占位1占位1占位1',id:0},
          {txt:'占位2占位2占位2占位2占位2占位2',id:1},
          {txt:'占位3占位3占位3占位3占位3占位3',id:2}
        ],
       }
    })

// 复制按钮事件
  copy:function(e) {
    var i =e.currentTarget.dataset.id; // 取按钮的索引
    var that =this;
    wx.setClipboardData({
      data: that.data.duplicate[i].txt, // 取数据对应值
      success: function (res) {
          wx.getClipboardData({
              success: function (res) {
                  wx.showToast({
                      title: '复制成功'
                  })
              }
          })
      }
  })
  },

数据是遍历的,按钮也是,那我就想到按钮索引取数据对应值,easy 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值