Syncfusion Vue UI Navigation Controls

SyncfusionUI 導航控制JavaScript

適用於回應式應用程式導覽的彈性 Vue UI 控制項。

  • 提供透過選單、分頁、側邊欄與功能區進行導覽。
  • 支援階層式、情境式與以步驟為基礎的導覽模式。
  • 引導使用者瀏覽內容、命令與多步驟流程。
Syncfusion logo

起價:

載入中...
包含在以下產品
Syncfusion Essential Studio UI Component Suite載入中
Syncfusion Essential Studio Enterprise載入中
Syncfusion Vue UI Navigation Controls 產品圖片
Syncfusion Vue UI Navigation Controls 提供一系列專為管理 Vue 應用程式中的導覽流程而設計的元件。它包含選單、階層式瀏覽、分頁介面、功能區，以及以步驟為基礎的工作流程元件，協助開發人員建立具備結構化且一致導覽體驗的 Vue 應用程式。

Accordion Navigation Panels

提供手風琴元件，用於將導覽項目整理成可展開與可收合的區塊。此版面配置有助於管理導覽密度，同時在垂直結構中將相關連結分組。

Application Bar Navigation

包含 app bar 元件，用於在介面頂部或底部呈現主要導覽動作。App bars 會在一致且易於存取的位置顯示經常使用的命令。

Breadcrumb Navigation Trails

提供 breadcrumb 元件，可顯示應用程式內目前的導覽路徑。這些路徑可幫助使用者了解所在位置，並回到先前的導覽層級。

Carousel Based Navigation

包含 carousel 元件，可讓使用者依序瀏覽一系列內容項目。此模式支援對分組檢視或精選區段進行水平瀏覽。

Contextual Menu Navigation

提供 context menu 元件，根據使用者互動顯示導覽與命令選項。這些選單會按需出現，並支援特定情境的動作。

Menu Bar Navigation

包含 menu bar 元件，用於將導覽連結與命令整理成水平選單結構。此模型支援常見且熟悉的網頁導覽模式。

Sidebar Navigation Panels

提供 sidebar 元件，可在可收合的側邊面板中顯示導覽連結。Sidebars 支援持續性的導覽，同時讓內容區域保持醒目。

Tabbed Navigation Views

提供 tab 元件，用於將內容整理成同一頁面中的不同檢視。Tabs 可讓使用者在不離開目前情境的情況下，快速切換相關區段。

Toolbar Command Navigation

包含 toolbar 元件，用於將導覽動作與命令群組成緊湊的水平版面。Toolbars 讓經常使用的動作更接近相關內容區域。

Hierarchical Tree Navigation

提供 tree view 元件，以階層式格式呈現導覽結構。此方法支援瀏覽巢狀內容並管理多層級導覽路徑。

File System Style Navigation

提供 file manager 元件，用於在應用程式介面中瀏覽資料夾與檔案。此控制項支援結構化瀏覽階層式檔案系統。

Ribbon Based Command Navigation

包含 ribbon 元件，用於將命令整理成分類群組。Ribbons 支援需要清楚結構化命令的複雜導覽情境。

Step Based Navigation

提供 stepper 元件，用於引導使用者完成多步驟流程。Steppers 會依序呈現每個階段，協助使用者追蹤進度並了解所需步驟。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • Vue.js