vue 复制文本

copy(text) {
     // text: 文本内容
      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。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 使用clipboard.js 官网https://clipboardjs.com/ 安装 npm install ...
    w_小伍阅读 2,224评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,068评论 19 139
  • java动态网页技术 servlet 本质就是一段Java程序 在Servlet中最大的问题是,HTML输出和Ja...
    Liang_JC阅读 3,483评论 0 0
  • 由于不太可能每次都来这里更新,更多MacOS实用技巧系列文章,请看我的博客:https://www.xiebruc...
    Willis1阅读 142,472评论 22 78
  • 夜莺2517阅读 127,816评论 1 9

友情链接更多精彩内容