小程序、uniapp、h5复制信息

小程序、uniapp、h5复制信息

小程序里面组合复制信息：

copy() {
    var c=this.data;
    var sys='姓名：'+ c.index.addressee + ' ' + '电话：'+c.index.mobile+' '+'地址：'+c.index.address
    wx.setClipboardData({
      data: sys,
      success(res) {
        wx.showToast({
          title: '复制成功',
          icon: 'none'
        })
      }
    })
},

uniapp里面组合复制信息：

copy() {
    var c=this.data;
    var sys='姓名：'+ c.index.addressee + ' ' + '电话：'+c.index.mobile+' '+'地址：'+c.index.address
    uni.setClipboardData({
      data: sys,
      success(res) {
        wx.showToast({
          title: '复制成功',
          icon: 'none'
        })
      }
    })
},

h5里面组合复制信息：主要使用的clipboardjs插件

1. 使用npm命令安装，npm install clipboard --save
2. 在需要的页面引入该组件：
   import ClipboardJS from ‘…/…/…/…/clipboard.min.js’
3. 具体使用：

// 页面内容
<div>
   <input class="input" id="copy" :value="name" />  //复制resourceCode的值
    <button  data-clipboard-target="#copy" class="btn" @click="testCopy">复制按钮</button>
</div>

testCopy() {   
    var _this = this;
   	var clipboard = new ClipboardJS('.btn');
    clipboard.on('success', function(e) {
        console.log("复制成功!");
        e.clearSelection();
    });

    clipboard.on('error', function(e) {
        console.log("复制失败");
    }); 
}