美文网首页
vue 实现复制粘贴

vue 实现复制粘贴

作者: 魔主恋上九尾狐 | 来源:发表于2020-08-17 17:25 被阅读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();
    }

    相关文章

      网友评论

          本文标题:vue 实现复制粘贴

          本文链接:https://www.haomeiwen.com/subject/egiqjktx.html