在vue使用dhtmlx-gantt添加滚动条

在Vue中使用dhtmlx-gantt添加滚动条，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了dhtmlx-gantt库。你可以通过npm或yarn安装该库：

   npm install dhtmlx-gantt

或者

   yarn add dhtmlx-gantt

2. 在你的Vue组件中引入dhtmlx-gantt库和样式文件。你可以在Vue组件的script部分中使用`import`语句导入：

   import 'dhtmlx-gantt';
   import 'dhtmlx-gantt/codebase/dhtmlxgantt.css';

3. 在Vue组件的template部分添加一个容器元素用于显示Gantt图，并为该元素设置一个唯一的id：

   <template>
     <div id="gantt-container"></div>
   </template>

4. 在Vue组件的mounted钩子函数中初始化Gantt图，并使用`gantt.config.scrollable`配置项来启用滚动条：

   export default {
     mounted() {
       gantt.init('gantt-container');
       gantt.config.scrollable = true;
       gantt.parse(yourData); // 替换为你的Gantt数据
     },
   };

请注意，`yourData`是你的Gantt图数据，你需要将其替换为实际的数据。

现在，你已经成功在Vue中添加了dhtmlx-gantt，并启用了滚动条。你可以根据自己的需求进行进一步的配置和自定义。