luckysheet实现在线编辑Excel

官网有两种引入依赖的方法，一种cdn,一种本地引入

本文介绍的是本地引入的方式。

从官网下载源码：https://gitee.com/mengshukeji/Luckysheet

线上引用js：

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css' />

<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>

<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>

index.html 文件中本地引用 js 

<link rel='stylesheet' href='../static/luckysheet/plugins/css/pluginsCss.css' />

  <link rel='stylesheet' href='../static/luckysheet/plugins/plugins.css' />

  <link rel='stylesheet' href='../static/luckysheet/css/luckysheet.css' /> -->

  <!-- <link rel='stylesheet' href='./static/luckysheet/assets/iconfont/iconfont.css' /> -->

  <script src="../static/luckysheet/plugins/js/plugin.js"></script>

  <script src="../static/luckysheet/luckysheet.umd.js"></script>

vue 页面使用：

  <div id="mysheet" style="margin:0px;padding:0px;width:50%;height:500px;"></div>

 // 创建表格

      window.luckysheet.create({

          container: 'mysheet' // 设定DOM容器的id

      });

vue安装jQuery支持： npm insttall jquery     "jquery": "^3.6.1",

main.js 配置

import $ from 'jquery'

window.jQuery = $

window.$ = $

可以使用

     $(function() {

        luckysheet.create(options);

      });