问题描述
我在Vue中使用DHTMLX GANTT。
创建甘特图时,当我转到另一页并返回时,并不是所有功能都可用。
在dhtmlx论坛中,他们提供了以下链接:https://docs.dhtmlx.com/gantt/desktop__multiple_gantts.html
但是如果我尝试在应用程序中进行同样的操作,则方法const ganttChart = Gantt.getGanttInstance();
尚未定义。
有没有办法完全销毁vue中的组件?我尝试使用v-if
,:key
和$forceUpdate()
,但没有成功。 DOM中仍然有一些甘特组件。当我刷新页面时,它会起作用。
还有另一种方法可以从头开始销毁他渲染的组件吗?
解决方法
Gantt
对象仅在试用版,企业版和旗舰版中存在。
要销毁Gantt实例,可以调用gantt.destructor
方法:
https://docs.dhtmlx.com/gantt/api__gantt_destructor.html
它将在所有甘特版本中工作。该方法应该销毁Gantt容器,但是其大小调整器仍然存在:
甘特图销毁之后,您将无法再次使用它,直到重新加载页面或创建新的甘特图实例。