Vue實現點擊按鈕復制功能

因為之前做過一個項目，有網關標識和場景標識，都是32個長度的隨機字符串，后期需要用到這兩個標識，以前用戶可以手動復制過去用，但是隨着數據的增多，這兩個標識可能太長會被隱藏掉一部分，用戶就復制不了了，所以加一個按鈕，可以讓用戶需要復制的時候，點擊按鈕，前端自動實現復制操作。復制操作是基於input輸入框的，所以得事先生成一個輸入框來存放需要復制的文本數據。

copyText(){
   var input = document.createElement("input");   // js創建一個input輸入框
   input.value = this.text;  // 將需要復制的文本賦值到創建的input輸入框中
   document.body.appendChild(input);    // 將輸入框暫時創建到實例里面
   input.select();   // 選中輸入框中的內容
   document.execCommand("Copy");   // 執行復制操作
   document.body.removeChild(input); // 最后刪除實例中臨時創建的input輸入框，完成復制操作
},