vue2项目不使用插件将文字复制到剪切板

在Vue2项目中，你可以使用原生的JavaScript方法来实现将文字复制到剪切板的功能，而不需要使用插件。

首先，在你的Vue组件中，你可以创建一个方法来复制文字到剪切板。例如：

methods: {
  copyToClipboard(text) {
    const textarea = document.createElement('textarea');
    textarea.value = text;
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
  }
}

然后，在需要复制文字的地方调用这个方法，并传入要复制的文字作为参数。例如：

<button @click="copyToClipboard('Hello, world!')">复制</button>

这样，当点击按钮时，文字"Hello, world!"将被复制到剪切板中。

请注意，这个方法使用了document.execCommand('copy')来执行复制操作，这是一个已经被废弃的方法。在一些现代浏览器中，可能需要使用navigator.clipboard.writeText(text)方法来替代。

要确保兼容性，你可以在调用navigator.clipboard.writeText(text)之前先检查浏览器是否支持该方法。例如：

copyToClipboard(text) {
  if (navigator.clipboard && typeof navigator.clipboard.writeText === 'function') {
    navigator.clipboard.writeText(text)
      .then(() => {
        console.log('Text copied to clipboard');
      })
      .catch((error) => {
        console.error('Failed to copy text:', error);
      });
  } else {
    const textarea = document.createElement('textarea');
    textarea.value = text;
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
    console.log('Text copied to clipboard');
  }
}

这样，在支持navigator.clipboard.writeText(text)的浏览器中，将使用该方法进行复制操作；而在不支持的浏览器中，将使用之前的方法来进行复制操作。