类星体QDrawer组件-防止关闭

问题描述

如果用户未完成抽屉,可以防止关闭抽屉吗?这样我就可以弹出确认等等。

我一直在寻找诸如can-be-closed="canBeClosed"之类的输入,然后研究具有相似性的对话框组件。我确实发现了no-backdrop-dismiss属性,但是没有在抽屉上实现。

解决方法

是的,由于其可见性是由输入value驱动的,因此您可以使用:value / @ input组合而不是v-model并将自定义逻辑置于两者之间。

<q-drawer
      :value="showDrawer"
      side="right"
      @input="logicShowDrawer"
    >

在logicShowDrawer中,您可以决定是否将prop showDrawer设置为true?