dhtmlxGantt vue3 ts 如何引入

要在 Vue 3 中使用 dhtmlxGantt 和 TypeScript，可以按照以下步骤进行引入：

1. 安装 dhtmlx-gantt 和 dhtmlx-gantt-codegen 依赖

npm install dhtmlx-gantt dhtmlx-gantt-codegen --save

2. 在 Vue 组件中引入 Gantt

import { defineComponent } from 'vue';
import 'dhtmlx-gantt';
import 'dhtmlx-gantt/codebase/dhtmlxgantt.css';

export default defineComponent({
  name: 'Gantt',
  mounted() {
    // 初始化 Gantt
    gantt.init(this.$refs.gantt);
  },
  render() {
    return <div ref="gantt" style={{ width: '100%', height: '100%' }}></div>;
  },
});

3. 在 Vue 组件中使用 Gantt

<script lang="ts">
import { defineComponent } from 'vue';
import 'dhtmlx-gantt';
import 'dhtmlx-gantt/codebase/dhtmlxgantt.css';

export default defineComponent({
  name: 'Gantt',
  mounted() {
    // 初始化 Gantt
    gantt.init(this.$refs.gantt);
  },
  render() {
    return <div ref="gantt" style={{ width: '100%', height: '100%' }}></div>;
  },
});
</script>

<template>
  <div>
    <Gantt />
  </div>
</template>

以上是基本的引入和使用步骤，如果需要使用 TypeScript，则需要在项目中添加相应的声明文件。