DevExtreme Vue UI Navigation Controls

DevExpressUI 導航控制JavaScript

豐富、可自訂的 Vue 導覽元件，適用於回應式應用程式。

  • 包含 NavBar、Drawer、List 及其他導覽 UI 元件。
  • 支援路由、導覽堆疊與檢視轉換。
  • 高度可自訂的範本與事件處理能力。
DevExpress logo

起價:

載入中...
包含在以下產品
DevExtreme Complete載入中
DevExpress DXperience載入中
DevExpress Universal載入中
DevExpress VCL Subscription +載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
DevExtreme Vue UI Navigation Controls 產品圖片
DevExtreme Vue UI Navigation Controls 提供一系列專為導覽用途設計的 Vue UI 元件。它包含 NavBar 和 Drawer 等元件，讓開發人員能在其 Vue 應用程式中建立直覺、回應式的導覽介面。功能包括支援路由、可自訂範本、事件掛鉤，以及管理導覽堆疊的能力。

廣泛的導覽元件

包含多種導覽元件，如 NavBar、Drawer、List 和 Menu，可用來建立適用於網頁與行動應用程式的自適應導覽選單與面板。

路由整合

支援定義路由規則，將 URL 對應至檢視，透過在 URL 片段中編碼檢視狀態與參數，實現導覽。

導覽堆疊與歷史記錄

管理會快取檢視的導覽歷史堆疊，讓您能在不重新載入或重新繪製資料的情況下，快速返回上一頁。

可自訂的範本與渲染

允許為導覽項目定義自訂項目範本或渲染函式，進而實現豐富的 UI 自訂與路由連結整合。

事件處理與互動

提供多個事件掛鉤，如 onItemClick、onSelectionChanged 和 onItemHold，用於處理使用者互動並自訂導覽行為。

Drawer 控制

具備 Drawer 元件，支援可關閉或永久顯示的面板，並提供可設定的揭示模式、覆蓋檢視的開啟狀態以及定位選項。

回應式且適合觸控

為回應式網頁版面所設計，具備適合觸控的介面，並支援滑動與自適應揭示行為等功能。

與 Vue Router 相容

可輕鬆與 Vue Router 整合，讓開發人員能將導覽選取變更與路由變更相互繫結。

選取模式與無障礙

支援單選與多選模式，並具備鍵盤導覽、焦點管理與無障礙功能。

效能最佳化

支援僅重繪變更、延後渲染策略與高效率資料繫結，以確保流暢的導覽體驗。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • Vue.js