微信小程序点击复制功能（坑：必须是字符串才可以）

最新推荐文章于 2024-09-13 09:57:53 发布

常安cc

最新推荐文章于 2024-09-13 09:57:53 发布

阅读量618

点赞数

分类专栏：微信小程序 js 前端文章标签：微信小程序 javascript 小程序

本文链接：https://blog.csdn.net/m0_55546349/article/details/122100940

版权

前端同时被 3 个专栏收录

92 篇文章 5 订阅

订阅专栏

34 篇文章 2 订阅

订阅专栏

微信小程序

32 篇文章 1 订阅

订阅专栏

微信小程序点击复制功能（坑：必须是字符串才可以）

在这里插入图片描述

拿data里面的值（赋值：必须是为字符串才可以，所以需要转换toString()【如果是其他类型会报错】）

// wxml
        <view class="blue" bindtap="copyTap">复制</view>
     // 复制
    copyTap: function(e){
        var dd=(this.data.code).toString();//赋值功能必须是为字符串才可以
        wx.setClipboardData({
          data:dd,//赋值功能必须是为字符串才可以
          success(res){
              wx.showToast({
                title: '复制成功',
                icon: 'none',
                duration: 1000
              })
          },
          fail(err){
              wx.showToast({
                title: '复制失败',
                icon: 'none',
                duration: 1000
              })
          }
        })
    },

自定义属性（如果已经是字符串就不用转了）

//wxml 
            <view class="copy" bindtap="copyTap" data-copy="{{item.tel}}">复制</view>
 js// 复制
 copyTap: function(e){
    var dd=e.currentTarget.dataset.copy;//赋值功能必须是为字符串才可以
    wx.setClipboardData({
      data:dd,//赋值功能必须是为字符串才可以
      success(res){
          wx.showToast({
            title: '复制成功',
            icon: 'none',
            duration: 1000
          })
      },
      fail(err){
          wx.showToast({
            title: '复制失败',
            icon: 'none',
            duration: 1000
          })
      }
    })
},