弹出代理

当需要显示QMenu(在较大的屏幕上)或QDialog(在较小的屏幕上)时,应使用QPopupProxy。 它充当选择使用两个组件之一的代理。 QPopupProxy还处理上下文菜单。

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

TIP

使用浏览器开发工具在移动设备或桌面设备之间切换(每次更改后都会刷新浏览器),或者物理上调整浏览器窗口的大小,以查看QPopupProxy组件在单击/轻按其容器之前在QMenu或QDialog之间切换。 默认断点设置为450px。

标准

Standard

上下文菜单

Context menu (right click / long tap)

断点

在下面的示例中,单击输入框中的图标。

Breakpoint @600px

传递属性

请记住,QMenuQDialog的所有属性都通过此组件传递。 因此,像offsettransition-show这样的属性(仅作为示例)可以与QPopupProxy结合使用。

Props from QMenu or QDialog

WARNING

QPopupProxy将某些组件(QDateQTimeQCarouselQColor)处理为特殊组件,并在它们上强制执行cover: truemaxHeight: '99vh'。如果您不希望这种行为,只需将一个div作为QPopupProxy的第一级子元素即可。

QPopupProxy API

Loading API...
Please wait...