首页 > 其他分享 >复制功能(clipboard)

复制功能(clipboard)

时间:2024-01-18 11:45:40浏览次数:26  
标签:功能 successCallBack copyName param clipboard 复制 any

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);
},

标签:功能,successCallBack,copyName,param,clipboard,复制,any
From: https://www.cnblogs.com/songkomei/p/17972177

相关文章

  • 全面解析华企盾DSC屏幕浮水印功能
    在当今信息化时代,企业的核心数据信息面临着巨大的安全挑战。近年来,数据泄露事件频发,严重损害了企业的经济利益和商业信誉。为了有效防范数据泄露风险,许多企业选择部署数据安全防护系统。其中,华企盾DSC数据防泄密系统凭借其多方面的数据安全防护功能,在业内备受青睐。客户痛点:某公......
  • Redis系列:使用 Redis Module 扩展功能
    ★Redis24篇集合1啥是RedisModuleRedisModule是Redis的一种扩展模块,从4.0版本开始,允许用户自定义扩展模块,在Redis内部实现新的数据类型和功能,使用统一的调用方式和传输协议格式扩展Redis的能力。它本身的设计目的就是在不同版本的Redis中运行,因此无需重新编译模块即可与特......
  • 地磅移动下单预约功能
    应用范围:    此应用分为移动端与后台操作端,后台端同时支持移动、平板、电脑等端的等比例展示;功能描述:     客户从用友下单,审核完毕同步到无人值守系统,同时发起钉钉审批,审批通过后客户或司机根据订单移动预约采购与销售,进厂或出厂设备扫描下单对应的二维码,无人......
  • (6)Powershell中命令自动补全功能及使用Windows命令
    (6)Powershell中命令自动补全功能及使用Windows命令上一节主要介绍了Powershell中常见的别名,以及怎么通过别名查看真实的Powershell命令,Powershell别名的命名规范以及如何新建自己的别名(Powershell内置别名不可更改)以及Powershell中兼容性别名,详细内容怼介里。在本节主要包含......
  • 【从零开始重学Java】第13天 Java网络功能
    前情提示从零开始重学Java第0天从零开始重学Java第1天Java概述从零开始重学Java第2天标识符和数据类型从零开始重学Java第3天表达式和流程控制语句从零开始重学Java第4天数组、向量和字符串从零开始重学Java第5天对象和类从零开始重学Java第6天异常从零开始......
  • 上门护理系统|上门护理系统|上门护理小程序开发功能介绍
    随着老龄化社会的到来,护理服务的需求日益增长。然而,传统的护理模式往往存在着资源分配不均、效率低下等问题。为了解决这一问题,上门护理小程序应运而生。本文将介绍上门护理小程序的开发功能和优势,以期为拓展护理服务市场的机会提供新的思路。 一、便捷的预约功能:上门护理小程序采......
  • 上门护理系统|上门护理系统|上门护理小程序开发功能介绍
    随着老龄化社会的到来,护理服务的需求日益增长。然而,传统的护理模式往往存在着资源分配不均、效率低下等问题。为了解决这一问题,上门护理小程序应运而生。本文将介绍上门护理小程序的开发功能和优势,以期为拓展护理服务市场的机会提供新的思路。 一、便捷的预约功能:上门护理小程序采......
  • 网络-华为、思科交换机配置TFTP自动备份、NTP时间同步、SYSLOG日志同步功能
    前言如今园区中交换机越来越多,传统的查看日志的方式是远程到交换机在命令行中查看,但是logbuffer中保存的容量有限,也不方便查询,耗费运维人员大量的经理,不好集中管理,syslog就为解决此问题,可以搭建一台syslog服务器(我使用群辉自带的功能),将日志集中收集起来。同样的交换机的配置也......
  • Python实现AI换脸功能
    运行时如果提示模块requests和simplejson不存在使用命令pipinstallrequestspipinstallsimplejsonimportrequestsimportjsonimportsimplejsonimportbase64#第一步:获取人脸关键点deffind_face(imgpath):""":paramimgpath:图片的地址:return:......
  • Android系统开发 禁止状态栏下拉功能
    前言  此博客讲解如何禁止状态栏下拉功能禁止状态栏下拉功能需要修改三个地方,分别是NotificationStackScrollLayout.java、PhoneStatusBarView.java、StatusBarManager.java不允许锁屏状态下拉状态栏文件位置:frameworks/base/packages/SystemUI/src/com/android/system......