vue一键复制实现（实测）

vue一键复制实现（实测）

描述：能够通过点击事件完成复制链接的功能

1. 安装clipboard

npm install clipboard --save

2. 在vue组件中使用

<template>
    <button class="btn" :data-clipboard-text="link">复制</button>
</template>
<script setup>

import Clipboard from 'clipboard'
import 'clipboard/dist/clipboard.min.css'

const link = 'https://www.baidu.com'
const clipboard = new Clipboard('.btn')
clipboard.on('success', () => {
  console.log('复制成功')
})
clipboard.on('error', () => {
  console.log('复制失败')
})
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17