详解微信小程序之一键复制到剪切板
最近在开发小程序项目里遇到一个小难题-----一键复制
在网页开发里 我们可以引用大牛封装好的复制插件，比如无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里即可。
以上所述是小编给大家介绍的微信小程序一键复制到剪切板详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍微信小程序开发(一) 微信登录流程详解，包括了微信小程序开发(一) 微信登录流程详解的使用技巧和注意事项，需要的朋友参考一下 最近在研究微信小程序开发，非常有意思的一个东西。花了一点时间写了一个微信的登录流程，包括后端接口和小程序代码。 做过微信登录的都知道，我们需要一个标识来记录用户的身份的唯一性，在微信中unionId就是我们所需要的记录唯一ID，那么如何拿到unionId就成了
-
本文向大家介绍微信小程序实现的一键复制功能示例，包括了微信小程序实现的一键复制功能示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了微信小程序实现的一键复制功能。分享给大家供大家参考，具体如下： 微信小程序不支持页面复制功能，故要实现某些信息的复制，需要开发复制功能 微信小程序中复制一般采用调用 wx.setClipboardData 接口 实现功能如下： 1，.wxml里写一个复制按
-
本文向大家介绍微信小程序 Page（）函数详解，包括了微信小程序 Page（）函数详解的使用技巧和注意事项，需要的朋友参考一下 微信小程序——Page（）: 在开发微信小程序的时候遇到函数，或者不明白的地方，最好上官网查询，相应的知识，这里小编帮大家整理了下page()函数的用法。 Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函
-
本文向大家介绍微信小程序 Flex布局详解，包括了微信小程序 Flex布局详解的使用技巧和注意事项，需要的朋友参考一下 微信小程序页面布局方式采用的是Flex布局。 Flex布局，是W3c在2009年提出的一种新的方案，可以简便，完整，响应式的实现各种页面布局。 Flex布局提供了元素在容器中的对齐，方向以及顺序，甚至他们可以是动态的或者不确定的大小的。 Flex布局的主要特征是能够调整其子元素在
-
本文向大家介绍微信小程序 video组件详解，包括了微信小程序 video组件详解的使用技巧和注意事项，需要的朋友参考一下 主要属性： 效果图： ml: js： 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序 form组件详解，包括了微信小程序 form组件详解的使用技巧和注意事项，需要的朋友参考一下 表单： 将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交 主要属性： 效果图： ml: ss: js: 复制代码 注意： form表单组件 是提交form内的所有选中属性的值， 注意