我们在进行微信小程序开发时,经常会遇到用户通过长按文字复制和用户通过点击事件复制指定内容的需求。
长按复制:
微信小程序中text标签中有一个selectable属性可以满足我们的需求,我们只需要把属性的值设置为true即可。
<text selectable='true'>哈哈哈哈哈哈哈哈哈哈哈哈</text>
点击复制:
点击事件的介质可以是任何有bindtap属性的标签。
我们以view为例。
<view bindtap='onClick'>点我</view>
onClick(){var that = this;wx.setClipboardData({data: '哈哈哈哈',success(res){wx.showToast({title: '复制成功',})}})},
效果已经实现。
这是比较常用的实现复制功能的方式。
有什么问题可以联系QQ:505417246
关注下面微信公众号,可以领取微信小程序、Vue、TypeScript、前端、uni-app、全栈、Nodejs、Python等实战学习资料