第一步 import Clipboard from "clipboard";
第二步 DOM(我这里用项目的表单数据)
订单号:
1111111
卡卷:
11111111
提货码:
111111
<span
class="tag-read"
data-clipboard-target="#fuzhi"
style="color:#7e98b1;cursor: pointer;"
@click="cope(scope)"
>复制</span
>
</el-tooltip>
//第三步 JS代码
cope() {
var clipboard = new Clipboard(".tag-read");
clipboard.on("success", e => {
this.$message({
message: "复制成功",
type: "success"
});
// 释放内存
clipboard.destroy();
});
clipboard.on("error", e => {
// 不支持复制
console.log("该浏览器不支持自动复制");
// 释放内存
clipboard.destroy();
});
},