vue 复制

<el-button
   :disabled="!allData.getDataDicUsing.allowEdit"
   @click="copyTemplate(data)"
   size="mini"
   type="text">复制
</el-button>

// 复制模板内容
copyTemplate( data) {
   this.copyToClipboard(data); // 需要复制的文本内容
   this.$message.success('复制成功,注意带变量字段内容请自行替换!');
},

// 点击复制到剪贴板函数
copyToClipboard(content) {
    if (window.clipboardData) {
        window.clipboardData.setData('text', content);
    } else {
       (function (content) {
         document.oncopy = function (e) {
            e.clipboardData.setData('text', content);
            e.preventDefault();
            document.oncopy = null;
      }
    })(content);
   document.execCommand('Copy');
  }
},
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容