Skip to content

Clipboard 复制文本 ​

将文本写入系统剪贴板,通过回调返回复制结果。

支持平台 ​

以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。

App-vueApp-nvue微信小程序支付宝小程序百度小程序字节小程序QQ小程序H5PC快手小程序钉钉小程序
✓✓✓✓✓✓✓✓✓✓✓

基础用法 ​

js
import clipboard from '@/components/fui-clipboard/index.js';

/** 在用户操作中复制文本 */
function handleCopy(event) {
  clipboard.getClipboardData('需要复制的内容', (isSuccessful) => {
    uni.showToast({ title: isSuccessful ? '复制成功' : '复制失败', icon: 'none' });
  }, event);
}

方法 ​

方法参数说明
getClipboardDatadata、callback、event复制文本;callback 接收成功与否的布尔值

App 和小程序使用 uni.setClipboardData;H5 使用组件内的剪贴板实现。H5 应从用户操作中触发,若点击后先执行请求再复制,可传入原始事件;实际权限由浏览器控制。

事件 ​

事件说明回调参数
—无自定义事件—

插槽 ​

插槽说明
—官网未列出该组件的插槽