luckysheet + vue2 实现在线文档的保存(含模板导入)

效果图

1. 静态资源引入
   1. 把LuckySheet项目下下来 源码
      1. git 地址 : luckysheet: Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源
      2. 
   2. npm install 安装项目依赖 、 安装完成后继续npm run build 打包 会生成一个dise文件夹
   3. 把dist里面的文件（除了index.html外）全部复制到vue项目的publec目录下
2. 在public目录下的index.html 引入上面复制过来的资源(如果频繁出现空白页请使用绝对路径)

         <link rel='stylesheet' href='/plugins/css/pluginsCss.css' />
         <link rel='stylesheet' href='/plugins/plugins.css' />
         <link rel='stylesheet' href='/css/luckysheet.css' />
         <link rel='stylesheet' href='/assets/iconfont/iconfont.css' />
         <script src="/plugins/js/plugin.js"></script>
         <script src="/luckysheet.umd.js"></script>

3. 使用LuckySheet(vue 代码: 其中有调用后台接口的可以, 可以先注释掉)

   <template>
     <div class="hello">
       <div style="position: absolute;top:0;">
   
         <input style="font-size:16px;" type="file" @change="uploadExcel" />
         <button @click="getData">获取数据</button>
       </div>
   
       <div
           id="luckysheet"
           style="margin:0px;padding:0px;position:absolute;wid