DOM:
<el-tooltip effect="light" placement="right"> <span> 鼠标移上显示tooltip </span> <template slot="content"> <p> <span style="font-weight: 700;color: rgb(51, 51, 51);margin-right: 8px">复制的内容:</span> <span>aaaaaaaa</span> <i data-clipboard-text="aaaaaaaa" ref="copyDomain" class="el-icon-document-copy copy-text" @click="onCopyClick"> </i> </p> </template> </el-tooltip>
JS
import Clipboard from "clipboard";
data() { return { copyMessageClose: true } },
onCopyClick() { console.log("a") if (this.copyMessageClose) { this.copyMessageClose = false; const _this = this; console.log("b") let clipboard = new Clipboard(".copy-text") clipboard.on("success", e => { console.log("c") this.$message({ message: "复制成功", type: "success", onClose: function () { _this.copyMessageClose = true; } }); clipboard.destroy(); }); clipboard.on("error", e => { console.log("该浏览器不支持自动复制"); clipboard.destroy(); }); } },
待解决
悬赏分:0
- 离问题结束还有 32天11小时12分8秒
点赞 0反对 0举报 0
收藏 0
分享 148
