Vue 点击按钮复制内容到系统剪贴板

使用navigator将内容添加到系统剪贴板

<template><div><button @click="copy">点击复制</button></div>
</template>

<script>export default {name: 'CopyTest',data() {return {copyContent: '这是复制的内容'}},methods: {copy() {navigator.clipboard.writeText(this.copyContent).then(() => window.alert('内容已添加到系统剪贴板')).catch(()=> window.alert('复制失败'));}}}
</script>