复制文本代码封装

第一步：在utils下面创建index文件

/**
 * 复制文本
 */
export const copyTextData = async (text: string) => {
  const dummyElement = document.createElement('textarea');
  dummyElement.value = text;
  dummyElement.style.position = 'absolute';
  dummyElement.style.left = '-9999px';
  document.body.appendChild(dummyElement);

  dummyElement.select();

  try {
    document.execCommand('copy');
    // ElMessage.success('复制成功');
	alert('复制成功')
  } catch (error) {
    console.error('Failed to copy text:', error);
  } finally {
    document.body.removeChild(dummyElement);
  }
};

第二步：引入使用

<div @click="copyTextData('要复制的内容')"></div>

import { copyTextData } from "@/utils"