一,代码:
<template> <view> <input class="btn" style="background: #ffff00;" type="text" v-model="content"/> <button class="btn" @click="setClipboard">复制到剪贴板</button> <button class="btn" style="margin-top: 20rpx;" @click="getClipboard">获取剪贴板内容</button> </view> </template> <script> export default { data() { return { content:"海上升明月,天涯共此时", } }, methods: { setClipboard(){ uni.setClipboardData({ "data":this.content, success:()=>{ uni.showToast({ title:"数据已复制到剪贴板", icon:"none", }) } }) }, getClipboard(){ uni.getClipboardData({ success:(res)=>{ this.content = res.data; uni.showToast({ title:this.content, icon:"none", }) } }) }, } } </script> <style> .btn { width:710rpx; margin-left: 20rpx; margin-top: 20rpx; } </style>
说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest
对应的源码可以访问这里获取: https://github.com/liuhongdi/
或: https://gitee.com/liuhongdi
说明:作者:刘宏缔 邮箱: [email protected]
二,测试效果
三,查看hbuilderx的版本:
![](/i/l/?n=23&i=blog/1938691/202302/1938691-20230212213610644-947637439.png)