复制功能(clipboard)

1.安装npm包

npm i clipboard

2.封装tools方法

import Clipboard from 'clipboard';
/**
 * 复制
 * @param className 类名
 * @param copyName 复制字段
 * @param callback 成功回调
 */
export const copyContentHandle = (className: any, copyName: any, successCallBack?: any) => {
  let clipboard = new Clipboard(className, {
	text: function () {
	  return copyName;
	}
  });
  clipboard.on('success', (e) => {
	message.success('复制成功!');
	if (successCallBack) {
	  successCallBack();
	}
	// 释放内存
	clipboard.destroy();
  });
  clipboard.on('error', (e) => {
	message.error('复制失败!');
	clipboard.destroy();
  });
};

3.如何使用

 <a-button
	type="link"
	@click="runRecordCopyHandle(record)"
	class="tag"
	style="padding: 0"
	  >
	复制
</a-button>

const runRecordCopyHandle = (e: any) => {
  copyContentHandle('.tag', e?.sqlContent);
},
posted @   SKa-M  阅读(93)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示