Vue3实现复制功能

npm add vue-clipboard3 -D

<template>
    ...
    <el-button link class="el-button--text" @click="onCopy">复制</el-button>
    ...
</template>
<script setup>
import { ref } from 'vue'
import { ElMessage } from 'element-plus'
import clipboard3 from 'vue-clipboard3'

// 解构方法
const { toClipboard } = clipboard3()

// 要复制的内容
let content = ref('')

const onCopy = async() => {
    try {
        await toClipboard(content.value)
        ElMessage({
            type: 'success',
            message: '复制成功!'
        })
    } catch (err) {
        console.error(err)
        ElMessage({
            type: 'error',
            message: '复制失败，请手动复制'
        })
    }
    
}
</script>

好用哦！！！！！