vue 复制到剪切板
时间: 2023-06-29 12:03:51 浏览: 115
VUE 实现复制内容到剪贴板的两种方法
你可以使用 Clipboard API 将文本复制到剪切板中。下面是一个基本的示例:
```javascript
const copyToClipboard = (text) => {
navigator.clipboard.writeText(text)
.then(() => console.log("Text copied to clipboard"))
.catch((error) => console.error(`Error copying text: ${error}`));
}
copyToClipboard("Hello, world!");
```
在这个示例中,我们定义了一个名为 `copyToClipboard` 的函数,它接受一个 `text` 参数并将其复制到剪切板中。我们使用 `navigator.clipboard.writeText` 方法来实现这一点。该方法返回一个 Promise,因此我们可以在成功或失败时打印一条消息。
你可以将这个函数放在 Vue 组件的 `methods` 中,并在需要复制文本时调用它。
阅读全文