问题描述
如果用户未完成抽屉,可以防止关闭抽屉吗?这样我就可以弹出确认等等。
我一直在寻找诸如can-be-closed="canBeClosed"
之类的输入,然后研究具有相似性的对话框组件。我确实发现了no-backdrop-dismiss
属性,但是没有在抽屉上实现。
解决方法
是的,由于其可见性是由输入value
驱动的,因此您可以使用:value / @ input组合而不是v-model并将自定义逻辑置于两者之间。
<q-drawer
:value="showDrawer"
side="right"
@input="logicShowDrawer"
>
在logicShowDrawer中,您可以决定是否将prop showDrawer设置为true?