vue使用element-ui项目中实现点击按钮复制文本内容到剪贴板

html代码:

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

method:

// 复制模板内容
copyTemplate(index, data) {
   this.copyToClipboard(data.modelContent); // 需要复制的文本内容
   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');
  }
},
Logo

前往低代码交流专区

更多推荐