整個系統禁用複製功能下，js實現部分數據的複製功能

需求背景：整個系統禁止複製，列表頁操做欄新增按鈕來複制數據列的手機號功能

感覺下是怎麼回事？看下效果

（GIF有點點爛）😂

 

實現思路：

　　

這個是設置全局的禁止複製功能

此處設置了一個input標籤，（有個坑，該標籤必需要顯示，才能選中複製，因此我作了隱藏在背景後面的處理），其實仍是顯示在頁面上只不過被覆蓋在底部看不到，列表的複製，我把點擊列的值從新賦值到該input標籤，再去選中複製

show code

<el-tooltip class="item"
            effect="dark"
            :open-delay="1"
            content="複製手機號"
            placement="top">
     <el-button icon="el-icon-tickets"
            @click="handcopy(scope.row)"
            size="mini"></el-button>
</el-tooltip>

 

handcopy(row){
      this.copyvalue = row.userPhone
      this.$nextTick(function () {
        let Url2=document.getElementById("personcopy");
        Url2.select(); // 選擇對象
        document.execCommand("Copy");
        this.$message.success('複製成功')
      })

    }