vue dhtmlx-gantt调用外部方法

DHTMLX Gantt 是一款功能强大的 JavaScript Gantt 图表库，可以与 Vue.js 框架集成，实现响应式用户界面。要在 Vue 中调用 DHTMLX Gantt 的外部方法，首先你需要安装 DHTMLX Gantt 并将其引入到 Vue 组件中。接下来，你可以通过 `this` 关键字访问 Gantt 对象，并调用其提供的 API。

例如，在 Vue 组件内初始化 Gantt：

<template>
  <div id="gantt_here"></div>
</template>

<script>
import Gantt from 'dhtmlx/gantt';

export default {
  data() {
    return {
      gantt: null,
    };
  },
  mounted() {
    this.gantt = new Gantt("gantt_here", {
      // 初始化配置
    });
    
    // 调用外部方法示例
    this.callGanttMethod();
  },
  methods: {
    callGanttMethod() {
      if (this.gantt !== null) {
        this.gantt.methodToCall(); // 替换为实际的 Gantt 方法名
      }
    },
  },
};
</script>

在这个例子中，`methodToCall()` 是你要调用的 DHTMLX Gantt 方法名。确保在调用前检查 `gantt` 是否已经实例化。