如何用vue和gantt-elastic插件制作可拖拽长尾词甘特图？

本文共计1554个文字，预计阅读时间需要7分钟。

官方示例效果图：+ 可横向以及纵向鼠标拖拽表格滑动。+ 可手动调整列宽等功能。+ 1. 安装 gantt-elastic：npm install --save gantt-elastic+ 2. 安装 gantt-elastic-header：npm install --save gantt-elastic-header+ 3. +

官方例子效果图：

可以横向以及纵向鼠标拖拽表格滑动。可以手动调整列宽等功能

1、安装gantt-elastic

npm install --save gantt-elastic

2、安装gantt-elastic-header

npm install --save gantt-elastic-header

3、当然你项目里面没有安装dayjs的话还需要安装一下，因为他官网的例子用到了

npm install dayjs --save

4、到这里如果你项目里面安了less-loader可能会报错

说你的less-loader版本太高，必须是2.3.1或者3.0.0版本 ，因为我的是5.0版本的

此时需要再次安装指定版本的less-loader

npm install less-loader@3.0.0 --save

然后再次安装dayjs。就ok了

5、官方例子全代码。复制粘贴即可。