VUE2 中实现一键copy内容 思路逻辑代码

思路逻辑：

1. 首先需要获取需要复制的内容，可以通过指定 id 或者 class 来获取，比如：

let copyText = document.getElementById("text-to-copy");

1. 创建一个 textarea 元素，并将需要复制的内容设置为 textarea 的 value 属性，同时将 textarea 隐藏在页面中：

let textarea = document.createElement("textarea");
textarea.style.width = "0";
textarea.style.height = "0";
textarea.style.opacity = "0";
document.body.appendChild(textarea);
textarea.value = copyText.textContent;

1. 选中 textarea 中的内容：

textarea.select();

1. 使用 document.execCommand("copy") 方法来将选中的内容复制到剪贴板中：

document.execCommand("copy");

1. 提示用户已经复制成功：

alert("复制成功！");

完整代码如下：

function copyContent() {
  let copyText = document.getElementById("text-to-copy");  // 获取需要复制的内容
  let textarea = document.createElement("textarea");  // 创建一个 textarea 元素
  textarea.style.width = "0";
  textarea.style.height = "0";
  textarea.style.opacity = "0";
  document.body.appendChild(textarea);
  textarea.value = copyText.textContent;  // 将需要复制的内容设置为 textarea 的 value 属性
  textarea.select();  // 选中 textarea 中的内容
  document.execCommand("copy");  // 将选中的内容复制到剪贴板中
  alert("复制成功！");  // 提示用户已经复制成功
  document.body.removeChild(textarea);  // 将 textarea 从页面中移除
}