vue + element 甘特图

参考地址：https://github.com/hql7/wl-gantt

安装：npm i wl-gantt --save 或 npm i wl-gantt -S

无需自定义时可用：

配置文件：
import wlGantt from 'wl-gantt'

import "wl-gantt/lib/wl-gantt.css"

Vue.use(wlGantt)


App.vue

 自定义：

所需文件：

src\util\array.js

src\pages\wl-gantt\index.vue

src\pages\wl-gantt\index.js

src\pages\wl-gantt\components\wl-contextmenu\index.vue

src\pages\wl-gantt\components\wl-contextmenu\index.js

注： util与pages中文件可直接在参考地址中获取

App.vue

自定义样式需加入 important 

src\pages\wl-gantt\index.vue 

效果图：