VUE 实现复制粘贴 clipboard
发布日期:2021-10-16 12:05:08 浏览次数:8 分类:技术文章

本文共 1106 字,大约阅读时间需要 3 分钟。

1、安装 npm install clipboard --save

2、引用 import Clipboard from ‘clipboard’
3、使用方法一

复制
// methodscopy(e) { const clipboard = new Clipboard(e.target, { text: () => '复制的内容' }) clipboard.on('success', e => { this.$message({ type: 'success', message: '复制成功' }) clipboard.destroy() // 释放内存 }) clipboard.on('error', e => { this.$message({ type: 'waning', message: '该浏览器不支持自动复制' }) clipboard.destroy() }) clipboard.onClick(e) // 事件绑定 }

4、使用方法二

// methodscopy() { const clipboard = new Clipboard("#tag-copy") // 或者不绑定 const clipboard = new Clipboard("#tag-copy", () => '复制的内容') clipboard.on('success', e => { this.$message({ type: 'success', message: '复制成功' }) clipboard.destroy() // 释放内存 }) clipboard.on('error', e => { this.$message({ type: 'waning', message: '该浏览器不支持自动复制' }) clipboard.destroy() }) }

转载地址:https://blog.csdn.net/snow51/article/details/89011997 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:VUE 通过webpack设置proxy 解决跨域问题
下一篇:如何启动VUE项目

发表评论

最新留言

不错!
[***.144.177.141]2024年04月07日 21时43分15秒