当前位置:   article > 正文

vue + Luckysheet 实现在线Excel表格操作

luckysheet

需求千千万,又是难熬的一天!

效果图:

Luckysheet官网网站:快速上手 | Luckysheet文档

1、引入(两种)

第一种CDN引入

在项目中的 public ---> index.html 中添加代码,如下:

  1. <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
  2. <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
  3. <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
  4. <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css' />
  5. <script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
  6. <script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>

第二种本地静态引入

在项目中的 public ---> luckysheet(没有就新建) 中添加代码,如下:

  1. <link rel='stylesheet' href='luckysheet/plugins/css/pluginsCss.css' />
  2. <link rel='stylesheet' href='luckysheet/plugins/plugins.css' />
  3. <link rel='stylesheet' href='luckysheet/css/luckysheet.css' />
  4. <link rel='stylesheet' href='luckysheet/assets/iconfont/iconfont.css' />
  5. <script src="luckysheet/plugins/js/plugin.js"></script>
  6. <script src="luckysheet/luckysheet.umd.js"></script>

获取静态资源方法:

  1. 从官网下载源码:https://www.wpsshop.cn/w/很楠不爱3/article/detail/396102
推荐阅读
相关标签
  

闽ICP备14008679号