//如题 点击复制 如果只是做非H5页面可以直接使用uni封装好的
//https://uniapp.dcloud.io/api/system/clipboard?id=setclipboarddata
//剪贴板 用法
uni.setClipboardData({
data: 'hello',
success: function () {
console.log('success');
}
});
如果是要兼容h5建议在插件市场导入插件 地址 ->
https://ext.dcloud.net.cn/plugin?id=2875
用法也很简单 先按照npm 或者 hubX一键导入 将文件导入后
// NPM
import { setClipboardData, getClipboardData } from 'uni-clipboard'
// DCloud 一键导入用这个
import { setClipboardData, getClipboardData } from '@/uni_modules/u-clipboard/js_sdk'
然后在想使用的组件内部引入
copyText(){
let that = this;
console.log('h5执行复制');
let str = this.value+''; //转字符串
setClipboardData(str).then(res=>{
that.$u.toast('内容复制成功!')
}).catch(err=>{
that.$u.toast('内容复制失败!')
})
},
uniApp 点击按钮复制到粘贴板
最新推荐文章于 2025-02-24 11:46:45 发布