vue 點擊複製鏈接功能

代碼
template裏

<p class="inviteCode" id = "inviteCode" v-text="short_url"></p>
<el-button v-if="short_url" class="copy" @click="CopyUrl">複製鏈接</el-button>

在methods裏


```javascript
// 複製
    CopyUrl(data){
        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.$message({
          message:"複製成功!",
          type:'success'
        })
    },

複製幹嘛?
楞着呀!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章