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>
原文地址：https://blog.csdn.net/qq_51326491/article/details/137823652
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！