前端复制粘贴功能

一、封装copy函数

// 复制内容到剪贴板
export const copyToClip = (content: string, tipString = '复制成功') => {
    
    
  const input = document.createElement('input');
  input.setAttribute('value', content);
  document.body.appendChild(input);
  input.select();
  document.execCommand('copy');
  document.body.removeChild(input);
  message.success(tipString);
};

引入函数使用：

 onClick={
    
    () => {
    
    
            copyToClip("你要复制的内容");
         }}

二、插件copy-to-clipboard

yarn add copy-to-clipboard

使用：

import Copy from 'copy-to-clipboard';

<Button
	onClick={
    
    () => {
    
    
	Copy(pageConfig.link);
	message.success('复制成功');
}}
>
复制链接
</Button>