弹出代理 | Quasar Framework

为什么捐赠

API 浏览器

如何贡献

选项与辅助工具

样式与标识

布局与栅格

Vue 组件

Buttons 按钮

Circular Progress 环形进度条

Floating Action Button 浮动操作按钮

Form Components 表单组件

Linear Progress 线性进度条

List & List Items 列表与列表项

Markup Table 标记表格

Menu 菜单

No SSR

Observers 观察者

Resize Observer 尺寸观察者

Scroll Observer 滚动观察者

Slide Transition 滑动过渡

Vue 指令

Quasar 插件

Vue 组合式函数

安全

Quasar CLI（Vite 版）

Quasar CLI（Webpack 版）

Icon Genie CLI

应用扩展

Quasar 工具函数

联系站长

弹出代理

QPopupProxy 应该用于当您需要在较大屏幕上显示 QMenu 或在较小屏幕上显示 QDialog 时。它充当一个代理，可以选择使用这两个组件中的任何一个。QPopupProxy 还可以处理上下文菜单。

QPopupProxy API

用法

TIP

使用浏览器的开发工具在移动设备或桌面设备之间切换（每次更改后刷新浏览器），或者在实际点击/触摸其容器之前，调整浏览器窗口的大小，以观察 QPopupProxy 组件在 QMenu 或 QDialog 之间切换。默认断点设置为 450px。

标准

上下文菜单

断点

在下面的示例中，点击输入框中的图标。

透传属性

请记住，QMenu 和 QDialog 的所有属性都通过此组件传递。因此，像 offset 或 transition-show 这样的属性可以与 QPopupProxy 一起使用。

WARNING

QPopupProxy 将某些组件（QDate、QTime、QCarousel 和 QColor）视为特殊组件，并强制设置 cover: true 和 maxHeight: '99vh'。如果您不希望这种行为，只需将 div 作为 QPopupProxy 的第一级子元素。

发现错误？在浏览器中编辑此页

1. Introduction

2. QPopupProxy API

3. QPopupProxy API

4. 用法

4.1. 标准

4.2. 上下文菜单

4.3. 断点

4.4. 透传属性