微信小程序之一键复制到剪切板
2017-07-06 10:55
1811 查看
最近在开发小程序项目里遇到一个小难题-----一键复制
在网页开发里 我们可以引用大牛封装好的复制插件,比如无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里即可。
在网页开发里 我们可以引用大牛封装好的复制插件,比如无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里即可。
相关文章推荐
- 简单的jquery一键复制值到剪切板--clipboard
- 初临微信小程序-文件复制和项目目录下新建文件问题
- 微信小程序开发之用户系统 一键登录 获取session_key和openid
- 微信小程序的剪贴板 +复制剪贴,在淘宝中打开就可以获取到商品
- [置顶] 微信小程序的复制文本 text 文本复制
- 微信小程序开发之用户系统 一键登录 获取session_key和openid
- jquery 一键复制文本到剪切板
- Chrome扩展程序——TabCopy:一键复制网页标题和网址
- 微信小程序前端界面不用写,直接一键生成微信小程序前端界面代码?
- Chrome扩展程序——TabCopy:一键复制网页标题和网址
- 继上一个坑有一个坑(微信小程序一键登录之无法识别json数据)
- 一键复制文本到剪切板
- 微信小程序一键生成源码 在线制作定制功能强大的微信小程序
- 一键搭建微信小程序开发环境 及demo运行(腾讯云上一键搭建node.js服务器环境,PHP,Java,.NET服务类似)
- 微信小程序 的文字复制功能
- 在线制作一键生成微信小程序实现原理之需求分析
- 微信小程序开发一键登录 获取session_key和openid实例
- 微信小程序 textarea 复制一大段内容粘贴到内容框,所有文字会往上推,在页面上看不到内容
- 微信小程序长按复制文本
- jquery 一键复制到剪切板的实例