//在IE中可以用window.clipboardData.setData('text','內(nèi)容')實(shí)現(xiàn)。
//在IE中clipboardData是window的屬性,而其他瀏覽器則是相應(yīng)的event對(duì)象的屬性，這實(shí)際上是一種安全措施，防止未經(jīng)授權(quán)的訪問(wèn),為了兼容其他瀏覽器，所以我們不能通過(guò)clipboardData來(lái)實(shí)現(xiàn)這種操作。
//具體做法：
//1.創(chuàng)建一個(gè)隱藏的input框
//2.點(diǎn)擊的時(shí)候，將要復(fù)制的內(nèi)容放進(jìn)input框中
//3.選擇文本內(nèi)容input.select()
//4.這里只能用input或者textarea才能選擇文本。
//5.執(zhí)行瀏覽器的復(fù)制命令document.execCommand("copy")。
 function copyText() {
  var text = document.getElementById("text").innerText; // 獲取要復(fù)制的內(nèi)容也可以傳進(jìn)來(lái)
  var input = document.getElementById("input"); // 獲取隱藏input的dom
  input.value = text; // 修改文本框的內(nèi)容
  input.select(); // 選中文本
  document.execCommand("copy"); // 執(zhí)行瀏覽器復(fù)制命令
  alert("復(fù)制成功");
 }

//在事件中可以通過(guò)e 對(duì)內(nèi)容進(jìn)行修飾
document.body.oncopy = e => {
  // 監(jiān)聽全局復(fù)制 做點(diǎn)什么
}
 // 還有這種寫法：
document.addEventListener("copy", e => {
 // 監(jiān)聽全局復(fù)制 做點(diǎn)什么
});

npm install clipboard --save

import clipboard from 'clipboard';
//注冊(cè)到vue原型上
Vue.prototype.clipboard = clipboard;

//dom
···
<div class="sn Lfll Lmr20">訂單編號(hào)：
  <span data-clipboard-action="copy" class="cobyOrderSn" :data-clipboard-text="orderData.orderSn" @click="copyLink">{{orderData.orderSn}}</span>
 </div>
···
//js
···
 copyLink() {
   let _this = this;
   let clipboard = new this.clipboard(".cobyOrderSn");
   clipboard.on('success', function () {
    _this.$toast("復(fù)制成功")
   });
   clipboard.on('error', function () {
    _this.$toast("復(fù)制失敗")
   });
 }
···