vue 点击复制当前网址

template 部分

<div  class="NewNoticeDetails-ctrlButton" @click="copy()">

                    <button class="NewNoticeDetails-ctrlButton">复制链接</button>

                </div>

 

data部分

//获取当前网站的网址

            windowUrl : window.location.href,

 

methods方法

//点击复制的方法

        copy(){

            var domUrl = document.createElement("input");

            domUrl.value = this.windowUrl;

            domUrl.id = "creatDom";

            document.body.appendChild(domUrl);

            domUrl.select(); // 选择对象

            document.execCommand("Copy"); // 执行浏览器复制命令

            let creatDom = document.getElementById("creatDom");

            creatDom.parentNode.removeChild(creatDom);

            this.$message({

                message: '复制成功',

                type: 'success'

            });

        },