Clipboard 复制文本 
概述
Clipboard 复制文本，主要针对H5做兼容。
# 支持平台
| App-vue | App-Nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
# 引入
在页面中script标签内顶部引入
import $fui from '@/components/firstui/fui-clipboard';
1
# 代码演示
基本使用
通过点击按钮执行 copyText 方法。
<fui-button type="gray" width="400rpx" height="84rpx" text="www.firstui.cn/doc" bold @click="copyText($event,'www.firstui.cn/doc')"></fui-button>
1
copyText(e, text, tips) {
$fui.getClipboardData(text, res => {
if (res) {
this.fui.toast(tips || '文档地址复制成功');
}
}, e);
}
1
2
3
4
5
6
7
2
3
4
5
6
7
# Methods
| 方法名 | 说明 | 传入参数 |
|---|---|---|
| getClipboardData | 设置系统剪贴板的内容 | data,callback,e |
getClipboardData方法传入参数说明
/**
* data 需要复制的数据
* callback 回调
* e 当用户点击后需要先请求接口再进行复制时，需要传入$event参数（H5端）
* **/
1
2
3
4
5
2
3
4
5
示例预览
# 示例代码地址
VIP内容代码请查看订单页下载的组件库示例源码。# 特别说明
该组件为付费组件，UNI-APP版VIP用户可免费使用 。