使用原生实现vue移动端的复制功能_前端问题_站长_知道

查阅网上的资料后发现大多是使用插件，可是项目只有一处页面用到了该功能，所以不考虑插件的实现
原生方法 document.execCommand('Copy')
参考：https://segmentfault.com/q/10...

复制.jpeg
successful返回的结果为 true 但是功能不生效
html部分代码
屏幕快照 2020-01-14 20.52.22.png

已解决悬赏分：40 - 解决时间 2021-11-28 19:18

点赞 0反对 0举报 0 收藏 0

回答2

最佳

@hxm025

生成一个 textarea 赋值复制方便多啦

    doCopy(text, successInfo = '复制成功', failInfo = '复制失败') {
      let textArea = document.createElement('textarea');
      textArea.value = text;
      document.body.appendChild(textArea);
      textArea.select();
      try {
        const successful = document.execCommand('copy');
        if (!successful) throw new Error(failInfo);
        this.$Message.success({
          content: successInfo
        });
      } catch (err) {
        this.$Message.error({
          content: failInfo
        });
      }
      document.body.removeChild(textArea);
      textArea = null;
    },

支持 0 反对 0 举报

2021-11-28 11:39

@cchwdl

用插件吧、原生支持率太低了

支持 0 反对 0 举报

2021-11-28 13:17