QMenu 元件是用於顯示選單的便捷方式。與 QList 作為下拉選單內容非常搭配，但絕不僅限於此。
用法
QMenu 的概念是將其放置在您希望作為觸發器的 DOM 元素 / 元件內部，作為直接子元素。不用擔心 QMenu 內容會繼承容器的 CSS，因為 QMenu 將通過 Quasar Portal 作為 <body> 的直接子元素注入。
提示
如果您希望選單自動關閉，請不要忘記在可點擊的選單項目中使用指令 v-close-popup。或者，您可以使用 QMenu 的屬性 auto-close 或通過其 v-model 自行處理選單關閉。
基本
警告
如果您想有條件地啟用或停用 QMenu，請在其上使用 v-if 而不是 v-show。
子選單
尺寸和樣式
上下文選單
您也可以將 QMenu 設定為充當上下文選單。在桌面上，您需要右鍵單擊父目標來觸發它，在行動裝置上，長按即可。
持久
如果您希望 QMenu 在應用程式路由更改或按下 ESCAPE 鍵或單擊/點擊選單外部時不關閉，請使用 persistent 屬性
轉場效果
在下面的範例中，展示了一些轉場效果。有關可用轉場效果的完整列表，請前往 轉場效果。
可重複使用
下面的範例展示了如何建立可重複使用的選單，該選單可以與不同的目標共享。
定位
QMenu 的位置可以自訂。它會考慮 anchor 和 self 可選屬性。QMenu 彈出視窗的最終位置經過計算，使其顯示在可用的螢幕空間上，必要時切換到右側和/或頂部。
對於水平定位，當您想要自動考慮 RTL 或非 RTL 時，可以使用 start 和 end。start 和 end 對於非 RTL 意味著「左」，對於 RTL 意味著「右」。
符合
覆蓋
錨點原點
垂直
頂部
中心
底部
水平
左側
中間
右側
開始
結束
自身原點
垂直
頂部
中心
底部
水平
左側
中間
右側
開始
結束
<q-menu anchor="bottom left" self="top left">
<q-item clickable>
<q-item-section>New tab</q-item-section>
</q-item>
<q-item clickable>
<q-item-section>New incognito tab</q-item-section>
</q-item>
</q-menu>content_paste