安装 vue-clipboard3
,附:Vue3 复制 copy 功能实现(vue-clipboard3)
$ npm install --save vue-clipboard3
在 setup () {}
中使用:
<template>
<button @click="touchCopy">复制链接</button>
</template>
<script setup>
// 导入插件
import useClipboard from 'vue-clipboard3'
const link = ref('https://example.com')
const { toClipboard } = useClipboard()
const copyLink = () => {
toClipboard(link.value)
.then(() => {
console.log('链接已成功复制')
})
.catch(() => {
console.error('复制链接时出错')
})
}
</script>