Vue3 复制 copy 功能实现(vue-clipboard3)

安装 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>

猜你喜欢

转载自blog.csdn.net/weixin_55209970/article/details/132840849