clipboard 是实现复制文本到剪贴板功能的 JavaScript插件,实现复制剪切功能非常方便
实现效果图
<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图标
复制功能
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();
});
},