為何捐款
API 瀏覽器
麵包屑

QBreadcrumbs 元件在 UI 中作為導航輔助工具使用。它讓使用者可以追蹤自己在程式、文件或網站中的位置。最常見的用法是在 QToolbar 中,但不僅限於此。

載入 QBreadcrumbs API 中...
載入 QBreadcrumbsEl API 中...

用法

基本

基本



在 QToolbar 中



設計

自訂分隔符號



間距



對齊



連接 Vue Router

以下範例不適用於 UMD 版本(在 Codepen/jsFiddle 也是),因為它們依賴 Vue Router。




如下所示,您也可以延遲、取消或重新導向導航。如需更深入了解下方使用的 @click 事件,請參閱頁面頂端的 QBreadcrumbsEl API 卡片。