vue问题记录（十三）：点击复制按钮

这个问题，我在网上看了一下，几乎都是引入clipboard ，这个，然后来实现功能的，但是也有独特的，然后我感觉后面的比较好用，所以记录一下
我的效果图：

实现 ，点击复制，

代码如下：

 <div class="pcLink font-common">
                <el-row>
                    <el-col :span="6"> PC网站：</el-col>
                    <el-col :span="15"><a href="www.linshou.cdamai.com" target="_bank" id="inviteCode">www.linshou.cdamai.com</a></el-col>
                    <el-col :span="3"><el-button plain class="define-btn" @click="copy">复制</el-button></el-col>
                </el-row>
 </div>

    methods:{
        copy() {
            var Url2 = document.getElementById("inviteCode").innerText;
            var oInput = document.createElement("input");
            oInput.value = Url2;
            document.body.appendChild(oInput);
            oInput.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            oInput.className = "oInput";
            oInput.style.display = "none";
            this.$message1("复制成功");
            }
    }

over