clipboard 是实现复制文本到剪贴板功能的 JavaScript插件,实现复制剪切功能非常方便
实现效果图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3968b89cee2e420aa60532007aa53263.png)
<div
style="padding-right: 30px; display: block; position: relative"
>
{{ authForm.license }}
<img
src="@/assets/copy.png"
alt=""
class="copy-img"
:data-clipboard-text="authForm.license"
title="复制"
@click="copyLicence"
/>
</div>
copy图标
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ed301e898283e58e7a1b9017045a6efc.png)
复制功能
copyLicence() {
var clipboard = new Clipboard(".copy-img");
clipboard.on("success", (e) => {
this.$message.success("复制成功");
clipboard.destroy();
});
clipboard.on("error", (e) => {
this.$message.error("该浏览器不支持复制");
clipboard.destroy();
});
},