主题
Clipboard 复制文本
将文本写入系统剪贴板,通过回调返回复制结果。
支持平台
以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
js
import clipboard from '@/components/fui-clipboard/index.js';
/** 在用户操作中复制文本 */
function handleCopy(event) {
clipboard.getClipboardData('需要复制的内容', (isSuccessful) => {
uni.showToast({ title: isSuccessful ? '复制成功' : '复制失败', icon: 'none' });
}, event);
}方法
| 方法 | 参数 | 说明 |
|---|---|---|
| getClipboardData | data、callback、event | 复制文本;callback 接收成功与否的布尔值 |
App 和小程序使用 uni.setClipboardData;H5 使用组件内的剪贴板实现。H5 应从用户操作中触发,若点击后先执行请求再复制,可传入原始事件;实际权限由浏览器控制。
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| — | 无自定义事件 | — |
插槽
| 插槽 | 说明 |
|---|---|
| — | 官网未列出该组件的插槽 |