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

89 阅读 0 评论 59 点赞

我是靠谱客的博主高高戒指，这篇文章主要介绍微信小程序之一键复制到剪切板，现在分享给大家，希望可以做个参考。

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

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

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

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

复制代码

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

2.js：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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('取消')
}
}
})
}
});
}