vue后台中实现点击按钮，将文本内容复制到剪贴板

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');
  }
},