微信小程序> 微信小程序之一键复制到剪切板

微信小程序之一键复制到剪切板

浏览量:1907 时间: 来源:昌子的前端之路

最近在开发小程序项目里遇到一个小难题-----一键复制

在网页开发里 我们可以引用大牛封装好的复制插件,比如无flash插件clipboard.js适用移动端,pc端-------

言归正装,打开微信开发文档打开-APi即可查询到:

小程序


小程序

第一个是设置要复制的内容到剪切板,第二个是获取剪切板的内容,我们要用到的是第一个设置剪切板内容:

1.

 text class="tblin_items_txt" selectable="true"{{detail.taokouling||''}}/text !-- 复制的对象-- view class="tblin_items_btn" bindtap="copyTBL"一键复制/view!-- 复制操作 --


2.js:

copyTBL:function(e){    var self=this;    wx.setClipboardData({    data: self.data.taokouling,    success: function(res) {      // self.setData({copyTip:true}),      wx.showModal({      title: '提示',      content: '复制成功',      success: function(res) {        if (res.confirm) {          console.log('确定')        } else if (res.cancel) {          console.log('取消')        }      }})    }  });  }
data里我这边是设置成接口给的数据然后赋值到这里,只要我们点击复制按钮即可将你要的内容复制到剪切板,从而达到复制效果。

或者也可以在复制的对象里设置参数。将参数对应值传到js复制指令的data里即可。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎