vue实现复制粘贴功能

Vue.js 本身并没有提供复制粘贴的功能，但是可以通过使用浏览器提供的 Clipboard API 来实现。
首先，在你的 Vue 组件中引入 Clipboard API：
import ClipboardJS from 'clipboard';

然后，在 mounted 钩子函数中实例化 ClipboardJS，并设置复制和粘贴的回调函数：
mounted() {
const clipboard = new ClipboardJS('.copy-btn');

clipboard.on('success', e => {
console.log('Copied text: ', e.text);
});

clipboard.on('error', e => {
console.log('Error: ', e.action);
});
}

这里的 .copy-btn 是你页面中用于触发复制的按钮的 class 名称，注意要在按钮上设置 data-clipboard-text 属性来指定要复制的文本内容。
<button class="copy-btn" data-clipboard-text="要复制的文本">复制</button>

以上就是基本的复制功能实现，如果要实现粘贴功能，可以使用 navigator.clipboard.readText() 方法来读取剪贴板中的文本内容，具体代码如下：
async handlePaste() {
const text = await navigator.clipboard.readText();
console.log('Pasted text: ', text);
}

在该代码中，handlePaste 方法会在粘贴事件触发时被调用，然后使用 navigator.clipboard.readText() 方法读取剪贴板中的文本内容，并将其打印到控制台中。
注意，由于该 API 目前并不是所有浏览器都支持，所以建议在使用之前检查一下是否支持该 API。