Vue3前端复制文本到剪切板
在Vue 3中，您可以使用navigator.clipboard.writeText函数来实现复制文本到剪贴板的功能。以下是一个简单的示例：
<template>
<button @click="copyText">复制文本</button>
</template>
<script setup>
import { ref } from 'vue';
const textToCopy = ref('要复制的文本内容');
async function copyText() {
try {
await navigator.clipboard.writeText(textToCopy.value);
console.log('文本已复制到剪贴板');
} catch (err) {
console.error('复制到剪贴板失败', err);
}
}
</script>在这个示例中，我们创建了一个按钮，当点击时，会调用copyText函数。这个函数使用navigator.clipboard.writeText方法将textToCopy的值复制到剪贴板。如果复制成功，会在控制台输出一条成功的消息，如果失败，会捕获错误并在控制台输出错误信息。
评论已关闭