记录--vue本地引入Luckysheet（vue-cli2版本，vue-cli3参考官网）

最新推荐文章于 2024-05-30 16:54:18 发布
最新推荐文章于 2024-05-30 16:54:18 发布
阅读量3.8k 收藏 7
点赞数
分类专栏： 记录 文章标签： vue.js Luckysheet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41611635/article/details/120727123
版权

Luckysheet文档

更新：官方又更新代码，现在打包出来的文件都有变化，引用图表路径更改还是在luckysheet.umd.js文件，但是现在要搜索关键字“chartmix”然后改变路径！！！！！一定一定！！！！

Luckysheet现在还没有发布出模块化的开发，不能使用npm，所以要在VUE项目中使用Luckysheet首先需要去下载github源码后打包文件，将打包好的文件复制到项目目录中的static文件夹里面

然后！很重要的一点，需要用到图表的话一定要记得改luckysheet.umd.js文件中的“dependScripts”和“dependLinks”中图表引用的路径

另外一种就是直接调用网络地址，但是图表部分还是会报错，所以我最终选择了引入到本地使用，然后导出的方法文档里面的常见问题有说明，有其他问题可以去论坛找找有没有人遇到一样的问题

会自己走的CV码农
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vue-cli2.x项目优化之引入本地静态库文件的方法
08-27
vue-cli2.x项目优化之引入本地静态库文件的方法 本文主要介绍了 Vue-cli 2.x 项目优化方法之一，即引入本地静态库文件的方法。该方法可以有效地优化项目的编译速度和文件大小。 首先，需要将 node_modules 下相应...
vue-cli3 引入 font-awesome的操作
11-20
补充知识：在Vue2.0中引入font-awesome，并在Element-ui中正确显示font-awesome的icon 如下所示： npm install font-awesome –save 在main.js中引入 import ‘font-awesome/css/font-awesome.css’ 在App.vue的
luckysheet + vue2 实现在线文档的保存(含模板导入)
最新发布
m0_46619764的博客
05-30 1153
使用LuckySheet(vue 代码: 其中有调用后台接口的可以, 可以先注释掉)
vue.js 三种方式安装(vue-cli)
热门推荐
muzidigbig的博客
05-29 33万+
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法： 1.独立版本 我们可以在Vue.js的官网上直接下载vue assets和static的区别 pnpm
【vue】vue中的路由vue-router，vue-cli脚手架详细使用教程
景天科技苑
03-22 4034
vue就是我们前面学习的vue基础，vue + vue-router 主要用来做SPA(Single Page Application)，单页面应用 整个网站都是通过一个html文件搞定的。 我们只需要开发组件，页面中有什么组件，就开发什么组件。这些事情都是前端来做的，跟后端没有一点关系。 vue-cli 能创建vue项目，把目录创建好了，哪个地方放组件，哪个地方放css样式等都划分好目录了。类似于我们通过pycharm创建django项目。 而且能vue-cli把整个项目通过socket跑起来。
vue-cli不同版本对比(vue-cli2/cli3/cli4)
@微你
05-22 2180
版本/操作 vue-cli2 vue-cli3/cli4 vue-cli下载安装          npm install vue-cli -g          npm install -g vue@cli 创建新项目 vue init webpack 2.0project vue create 3.0project 启动项目 npm run dev npm ru...
vue-cli2,vue-cli3（vue脚手架）超详细教程
stormzhuo的博客
02-21 3880
文章目录vue-cli脚手架Node.js环境安装vue-cli的安装npm，cnpm介绍安装脚手架用脚手架生成项目目录 vue-cli脚手架 顾名思义，脚手架就是用来协助，配合，帮助构建一个项目的。使用vue-cli仅需5分钟就可以搭建一个完整的Vue.js应用,相较于人工操作，具有安全,高效的特点。 vue-cli与平台无关,功能更加齐全。无论是预编译模板，注入依赖，还是模拟生产环境等功能，vue-cli都具备,而且占用内存少，更高效，运行速度非常快。 Node.js环境安装 要安装Vue.js脚手架
同一台电脑 实现 vue-cli2和vue-cli3同时并存 及 常见命令
BMG-Princess
05-09 2262
同一台电脑 实现 vue-cli2和vue-cli3同时并存 及 常见命令
vue---vue-cli不同版本的安装及对比
maidu_xbd的博客
12-27 2181
1.vue-cli不同版本对比 条目 vue-cli 1.x / 2.x vue-cli 3.x / 4.x 包名称 vue-cli @vue/cli 全局安装 npm install -g vue-cli 安装指定版本npm install -g vue-cli@版本号 npm install-g @vue/cli..
vue cli3 添加 px2rem-loader
weixin_42782745的博客
12-02 2097
1.先安装 flexible和 postcss-px2rem npm install lib-flexible --save npm install postcss-px2rem --save 2.引入lib-flexible 在项目入口文件main.js 中引入lib-flexible import 'lib-flexible' 3.px2rem配置 px2rem的配置放在vue-cli3 项目中vue.config.js中(找不到就在项目根目...
【前端开发】Vue-CLI4 &Vue-CLI3 与Vue-CLI2 的区别以及打包配置问题
go
04-25 2129
前面一直用Vue-CLI2 搭建Vue 项目,后面用Vue-CLI4 搭建了一个新的Vue 项目，发现Vue项目有些文件build文件、config文件目录直接整没了… 好家伙，那我怎么配置？？ 撸文档，Vue-CLI4、Vue-CLI3 与Vue-CLI2 之间的区别：使用后Vue-CLI4总体上与Vue-CLI3区别不大，Vue-CLI4与Vue-CLI2最直接的区别： 1、安装： Vue-CLI2： npm install -g vue-cli 或 cnpm install -g vue-cli V
vue-cli-plugin-bootstrap-vue：vue-cli 3插件以添加bootstrap-vue
01-30
vue-cli-plugin-bootstrap-vue 适用于Bootstrap-Vue插件 安装 如果尚未安装vue-cli，请先按照此处的安装说明进行操作： : 使用vue-cli生成项目 vue create my-app 在安装bootstrap-vue插件之前，请确保提交或隐藏...
vue-cli2与vue-cli3在一台电脑共存的实现方法
10-16
主要介绍了vue-cli2与vue-cli3在一台电脑共存的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue-cli3项目引入Typescript的实现方法
10-16
Vue-cli3是Vue的官方脚手架，支持快速搭建基于Vue的项目。接下来，我们将详细讨论如何在Vue-cli3项目中集成和使用TypeScript。 首先，你需要确保已经安装了Vue-cli3。如果没有，可以通过以下命令全局安装： ```...
记录--使用el-time-picker默认值问题
weixin_41611635的博客
04-21 1万+
首先文档有指出不同组件的默认值default-value类型区别； el-time-picker默认值的类型为new Date()，而el-time-select的默认值类型为string 所以首先要知道是用的哪种，然后设置，还有一点是new Date()需要设置的是完整的日期时间，如果你要使用el-time-picker设置默认值需要这样new Date(0, 0, 0, 0, 0, 0)显示时间就会是00:00:00；前三位是年月日后三位时分秒，因为我们是用的是时间插件所以改动后三位即可； 使用e.
记录--luckysheet各种报错处理以及部分功能问题（不定期更新，碰到啥问题就记录啥问题）
weixin_41611635的博客
11-10 4287
首先是引入图表时会报的错误chartmix is not defined为什么呢？因为你在luckysheet.umd.js文件里的引入路径出错了，检查network可以看到有没有加载全文件，然后通过文件名去luckysheet.umd.js文件里查找改变路径、 关于图表创建后luckysheet.toJson()得出数据再导入图表不显示的问题：通过看源码发现图表数据存在chartOptions参数中，但是打印luckysheet.toJson()发现图表参数chart里并无chartOptions，.
记录--vue使用Luckysheet监听切换sheet事件
weixin_41611635的博客
10-21 4044
Luckysheet中有多种操作事件，具体可以查看配置；事件全部是写在配置里的hook中，如： hook: { cellDragStop: function (cell, postion, sheetFile, ctx, event) { // console.info(cell, postion, sheetFile, ctx, event); }, rowTitleCellRenderBefore: f
vue-cli3项目搭建与优化全攻略
Vue CLI 3 是 Vue.js 官方提供的一个命令行工具，它极大地简化了 Vue 项目的初始化和构建流程。以下是详细的步骤： 首先，确保你的开发环境满足以下要求： 1. Node.js 版本至少为 8.9，推荐使用 8.11.0 或更高版本...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值