Vue3中dialog::backdrop有问题吗？

Question

在 Vue3 中，

<dialog>

使用

ref

按预期打开。 但是，我似乎无法控制dialog::backdrop 属性。 这是复制链接。 此外，当按

Esc

键时，它不会关闭对话框。 它在 vanilla js 中按预期工作。

关于为什么会发生这种情况或如何解决它有什么想法吗？理想情况下，我想尽可能地利用本机行为。

Answer 1

仅当使用

::backdrop

打开对话框时才会显示

showModal()

（请参阅 mdn），但您正在使用

show()

。当我在 stackblitz 中更改它时，它按预期工作：

function showDialog() {
  dialog.value.showModal();
}