安装 vue-clipboard3
,附:Vue3 复制 copy 功能实现(vue-clipboard3)
$ npm install --save vue-clipboard3
在 setup () {}
中使用:
- <button @click="touchCopy">复制链接button>
-
- <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>