美文网首页
vue实现点击复制功能

vue实现点击复制功能

作者: divcssjs | 来源:发表于2020-07-09 18:12 被阅读0次

    其实就是把值赋给一个创建的节点选中

    copyUrl('string')
    
    copyUrl(url) {
        var domUrl = document.createElement("input");
        domUrl.value = url;
        domUrl.id = "creatDom";
        document.body.appendChild(domUrl);
        domUrl.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        let creatDom = document.getElementById("creatDom");
        creatDom.parentNode.removeChild(creatDom);
        alert("已复制好,可贴粘。");
    }
    

    相关文章

      网友评论

          本文标题:vue实现点击复制功能

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