vue文本的复制

在公司遇到一个功能,觉得有意思我就打算发给你们看看。
这是一个富文本的组件

  <Editor
              @input="editorInput"
              ref="tinymce"
              tId="editorBox1"
              v-model="pops.editorTxt"
              :editorVisible="editorVisible"
            >Editor>

这是js

 var copytext = this.$refs.tinymce.getTxt();
      console.log(this.$refs.tinymce);
      var textarea = document.createElement("textarea"); // 直接构建虚拟textarea
      textarea.value = copytext; // 设置内容
      document.body.appendChild(textarea); // 添加临时实例
      textarea.select(); // 选择实例内容
      document.execCommand("Copy"); // 执行复制
      document.body.removeChild(textarea); // 删除临时实例

这就是很基础的文本的复制。不能支持图片的复制。
我是菜鸡。各位大佬勿喷。。。

你可能感兴趣的:(vue,javascript)