vue 实现复制文本到剪切板JS实现复制到剪切板首先需要再 class 中添加一个 copy-btn 与 Clipb

JS实现复制到剪切板

首先需要再 class 中添加一个 copy-btn 与 Clipboard 中的对应起来。

依赖

pnpm i clipboard

<el-button class="copy-btn" type="primary" size="large" @click="copyText">复制</el-button>

const clipboard = new Clipboard('.copy-btn', {
    text: () => 需要复制的文本
})
clipboard.on('success', () => {
    ElMessage.success('复制成功')
    clipboard.destroy()
})
clipboard.on('error', () => {
    ElMessage.error('复制失败，请手动复制')
    clipboard.destroy()
})