vue 復制文本

copy(text) {
     // text: 文本內(nèi)容
      window.navigator.clipboard
        .writeText(text)
        .then(() => {
          ui.success('復制成功');
        })
        .catch(() => {
          const input = document.createElement('input');
          document.body.appendChild(input);
          input.value = text;
          input.focus();
          input.select();
          const result = document.execCommand('copy');
          input.style.display = 'none';
          if (result === 'unsuccessful') {
            ui.error('復制失敗,請手動復制!');
            return;
          }
          ui.success('復制成功');
        });
}

注意:在192.168.xx.xx地址上使用這個方法獲取不到clipboard,復制會失敗。
需要是localhost、https或者127.0.0.1。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 使用clipboard.js 官網(wǎng)https://clipboardjs.com/ 安裝 npm install ...
    w_小伍閱讀 332評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,558評論 19 139
  • java動態(tài)網(wǎng)頁技術 servlet 本質(zhì)就是一段Java程序 在Servlet中最大的問題是,HTML輸出和Ja...
    Liang_JC閱讀 574評論 0 0
  • 由于不太可能每次都來這里更新,更多MacOS實用技巧系列文章,請看我的博客:https://www.xiebruc...
    Willis1閱讀 143,864評論 22 78
  • 夜鶯2517閱讀 128,153評論 1 9

友情鏈接更多精彩內(nèi)容