vue3 复制到剪切板

Vue 3 中复制到剪贴板的功能通常通过使用`@ClipboardAPI`插件或者自定义的事件处理器来实现。`@ClipboardAPI`是一个轻量级的库，它提供了一个简单的 API 来实现文本内容的复制到剪贴板操作。以下是使用 `vue-clipboard2` 这个插件的一个简单示例：

首先，在项目中安装这个插件：

npm install vue-clipboard2

然后在组件中导入并使用：

<template>
  <button @click="copyToClipboard">复制到剪贴板</button>
</template>

<script setup>
import { useClipboard } from 'vue-clipboard2';

const clipboard = useClipboard();
function copyToClipboard() {
  clipboard.writeText('要复制的内容');
}
</script>

在这个例子中，点击按钮时会将 "要复制的内容" 复制到用户的剪贴板。