所有处理完成后，Quasar 以编程方式关闭弹出对话框

Question

我有一个 q-dialog 组件，它有 2 个按钮 - CANCEL 和 OK。取消按钮使用 v-close-popup 但 OK 不能使用它，因为它正在执行一些异步数据获取，在对话框中填充一些 UI 元素并在它自动关闭之前进行一些处理。我尝试使用 v-close-popup，当在现有 UI 元素上调用 document.getElementById 时，它会导致未定义的 UI 元素，因为在处理完成之前对话框已关闭。我在处理部分需要 UI 元素，因为我使用 easyqrcodejs 需要 UI 元素来生成二维码。任何想法和见解表示赞赏。谢谢。

Answer 1

没有您的代码很难准确知道您需要什么。

模板

<q-dialog v-model="isDialogOpen" />

脚本

setup() {
 async function fetchData() {
   // do some await things here

   // done with await update v-model (if using Composition API)
   isDialogOpen.value = false;
 }
 

  // ...
  return { isDialogOpen }
}

如果你用一些代码更新你的问题，我会更新我的。

所有处理完成后，Quasar 以编程方式关闭弹出对话框

Quasar programatically closes popup dialog after all processing completes

asynchronous

modal-dialog

quasar

qdialog