dhtmlx-gantt在vue中怎么关闭编辑弹窗

dhtmlx-gantt在Vue中的编辑弹窗是由内置的`Lightbox`组件实现的。要关闭编辑弹窗，你可以使用`gantt.hideLightbox()`方法。

在Vue组件中使用`gantt.hideLightbox()`方法可以在以下场景中实现关闭编辑弹窗的功能：

1. 当用户点击取消按钮时关闭编辑弹窗。

gantt.attachEvent("onLightboxButton", function(buttonId, node, e) {
  if (buttonId === "cancel") {
    gantt.hideLightbox();
  }
});

2. 当用户点击保存按钮时，请求成功后关闭编辑弹窗。

gantt.attachEvent("onLightboxButton", function(buttonId, node, e) {
  if (buttonId === "save") {
    // 执行保存操作，并在请求成功后关闭编辑弹窗
    axios.post("/api/saveTask", gantt.getTask(gantt.getState().lightbox_id)).then(() => {
      gantt.hideLightbox();
    });
  }
});

3. 当用户点击弹窗外区域时关闭编辑弹窗。

gantt.attachEvent("onEmptyClick", function (event) {
  if (gantt.getState().lightbox_id) {
    gantt.hideLightbox();
  }
});

在上面的代码中，`gantt.getState().lightbox_id`可以获取当前编辑弹窗中的任务ID。使用`gantt.getTask()`方法可以获取编辑弹窗中的任务数据。