vue导出excle添加水印

在Vue中导出Excel并添加水印的方法有很多种，下面给出一种常见的实现方式。

首先，我们需要安装xlsx插件，可以使用npm命令来安装：

npm install xlsx --save

然后，在Vue组件中引入需要用到的库：

import XLSX from 'xlsx';
import watermark from 'watermarkjs';

接下来，定义一个导出Excel的方法，例如：

exportExcel() {
  // 创建一个工作簿对象
  let wb = XLSX.utils.book_new();
  // 创建一个工作表对象
  let ws = XLSX.utils.json_to_sheet(this.dataList);

  // 将工作表添加到工作簿
  XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

  // 生成Excel文件
  let wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'binary' });

  // 将二进制流转为Blob对象
  let blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });

  // 添加水印
  watermark([blob])
    .image(watermark.text.lowerRight('水印内容', '30px sans-serif', '#fff', 0.3))
    .then(function (img) {
      // 将含水印的Blob对象通过a标签生成下载链接
      let a = document.createElement('a');
      a.href = URL.createObjectURL(img);
      a.download = 'excel_with_watermark.xlsx';
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
    });
}

最后，还需要将二进制流转为数组的方法s2ab添加到Vue组件中，用于将二进制流转为ArrayBuffer对象：

function s2ab(s) {
  let buf = new ArrayBuffer(s.length);
  let view = new Uint8Array(buf);
  for (let i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xff;
  return buf;
}

以上就是在Vue中导出Excel并添加水印的实现方法。需要注意的是，此方法仅供参考，具体实现方式可以根据需求进行调整。