1.index.html
<!-- 复制板 -->
<script src=" https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"> </script>
2..copy.vue
<button
class="copy"
@click="createCopy" :data-clipboard-text="address"
>拷贝</button>
createCopy(){
var clipboard = new ClipboardJS('.copy') //此处为点击的dom的类名
clipboard.on('success', e => {
Toast({
message: "地址已拷贝",
position: "center",
duration: 1000
});
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
Toast({
message: "拷贝失败",
position: "center",
duration: 1000
});
// 释放内存
clipboard.destroy()
})
},