Implementierung der Vue3-Kopierfunktion (vue-clipboard3)

Installation  vue-clipboard3, beigefügt: Implementierung der Vue3-Kopierfunktion (vue-clipboard3)

$ npm install --save vue-clipboard3

Verwendet in  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>