直接看代码吧:
主要是浏览器的监听和他的copy事件
<div class="id-item">
<span class="label">订单编号</span>
<span class="value">{{val}}</span>
<span class="copy-text" @click="copyOrderId">复制</span>
</div>
copyOrderId() {
copyContent(val);
Toast("复制成功");
}
function copyContent(val) {
// let val = document.querySelector("p").innerText; // 要复制的内容
document.addEventListener("copy", save); // 监听浏览器copy事件
document.execCommand("copy"); // 执行copy事件,这时监听函数会执行save函数。
document.removeEventListener("copy", save); // 移除copy事件
// 保存方法
function save(e) {
e.clipboardData.setData("text/plain", val); // 剪贴板内容设置
e.preventDefault();
}
}