DHTMLX-VUE中引入DHTMLX Gantt的方式

1. 安装

npm install dhtmlx-gantt

2. 创建组件

2.1 组件创建

 
 //中文语言


 

2.2 组件引用

3. 动态赋值数据

在进行父子组件之间传值时有组件加载优先顺序，开始没有弄明白这个问题，每次都是gantt组件页面先进行加载，而上级组件中请求数据晚于下级组件的加载，导致gantt组件中的页面初始化完成了才接收到上级组件传过来的数据，导致每次gantt加载数据失败。
所以在进行多级组件嵌套时需要控制组件的加载顺序，需通过异步加载的方式进行控制，让子组件等待上级组件加载完成后再进行加载，方能完成整个数据的初始化并完成对数据的渲染。

• 将下面展示的组件引入方式进行修改

import Gantt from './planGantt'

• 修改为

const Gantt = resolve => require(['./planGantt'],resolve)

4. 效果展示