vue 实现复制粘贴

2020-08-17  本文已影响0人  魔主恋上九尾狐

<div>
<span ref="copy">复制的内容</span>
<span @click="copyOdd" >复制</span>
</div>

//复制的方法

copyOdd() {
window.getSelection().removeAllRanges();
let copyDOM = this.refs.copy;//ref:是要复制的部分内容
let range = document.createRange();
range.selectNode(copyDOM);
window.getSelection().addRange(range);
try {
let successful = document.execCommand("copy");
this.toast( `{successful ? "复制成功" : "您的手机不支持自动复制,请手动复制~"}`
);
} catch (err) {
alert(err);
}
window.getSelection().removeAllRanges();
}

上一篇下一篇

猜你喜欢

热点阅读