Vue实现复制excel表格内容粘贴至网页

Vue实现复制excel表格内容粘贴至网页

有一个项目要求复制excel表格内容粘贴至网页表格，并且自动生成格式（合并单元格等）
（别问为什么不直接上传excel表格，用户不喜欢。。。）

最后决定的做法是根据页面生成一个excel模板，如下：

上图模板前三行（我这里项目要求前三行合并）对应下图

粘贴后效果如下：

大概思路就是
1.根据项目需求在页面下载excel表格模板（用处：用户填写后复制内容并粘贴到网页端）
2.前端部分用handsontable等表格组件匹配填写数据
3.renderer下表格确保固定项目部分填写（或者直接在模板里面写，这样做可以确保准确性）
4.表格内容变动后动态合并新增部分

excel表格生成模板下载

因为我的项目表格是写死的，直接保存在后端下载就可以了。
handsontable可以直接前端数据导出，具体方式参考：
https://www.cnblogs.com/malng/p/10755353.html

Handsontable

表格组件其实用啥都行，这个就不细说了

表格格式

 data() {
   
    return {
   
    //hansontable一堆设置都在这里，所以只说明主要部分
    hotSettings: {
   
    //数据部分，这个就不多说了
        data: [
          {
    orgId: 11000, hasLinedata: '否', budLinedatas: [] },
          {
    orgId: 11000 },