Smart UI Navigation Controls for Vue
適用於階層式與互動式介面的結構化 Vue 導覽元件。
- 包含選單、樹狀檢視、分頁與麵包屑元件。
- 支援階層式導覽與多層級互動模式。
- 協助使用者輕鬆瀏覽應用程式內容。
起價:
| 包含在以下產品 | |
|---|---|
| Smart UI (Smart HTML Elements) | 載入中 |
選單元件與導覽列
此函式庫包含可建立水平與垂直導覽結構的選單元件。這些元件支援多層級項目與分組，讓使用者能透過清晰組織且互動式的選單系統存取應用程式各區段。
用於階層式資料的樹狀檢視
樹狀檢視元件使用可展開與可收合的節點呈現階層式資料。使用者可以有效率地瀏覽巢狀結構，讓這些元件非常適合檔案系統、分類階層與結構化資料探索介面。
分頁式導覽介面
分頁元件可讓使用者在共用容器中切換多個內容檢視。它們提供一種結構化方式來組織相關區段，而不會變更應用程式的整體版面或導覽脈絡。
麵包屑導覽
麵包屑元件會顯示目前在階層結構中的位置。它們提供通往上層的連結，協助使用者了解自己所在位置，並快速沿著應用程式階層返回。
內容功能表與快顯功能表
內容功能表與快顯功能表會根據使用者互動顯示導覽選項，例如滑鼠右鍵或按鈕觸發。
基於 Accordion 的導覽
Accordion 元件可將導覽連結整理成可展開的區段。這種方式能讓多個導覽群組以精簡的空間呈現。
階層式資料繫結
導覽元件可繫結至結構化資料來源，使選單與樹狀檢視能反映動態階層。
導覽狀態管理
元件支援已選取、已展開與作用中項目等狀態。這讓應用程式能追蹤使用者互動、維持脈絡，並在選單、樹狀檢視與分頁介面中一致地反映導覽變更。
鍵盤與無障礙支援
導覽控制項包含對鍵盤互動與 WAI-ARIA 屬性的支援。這可確保使用者能透過輔助技術與非指標輸入方式瀏覽選單與階層式結構。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- JavaScript
JavaScript 平台
- Vue.js
關於Smart HTML Elements
Smart HTML Elements，由 JQWidgets Ltd. 推出，是一個建立於 JavaScript、HTML5 和 CSS3 之上的 UI 框架，專為打造響應式與跨平台網頁應用程式而設計。Smart HTML Elements 位於保加利亞的 Sofia，提供超過 70 種網頁元件，包括資料表格、圖表、排程器與輸入元件。其元件圍繞著強大的核心打造，提供資料繫結、進階事件處理、本地化、無障礙性，以及跨瀏覽器與裝置的適應能力等功能。開發人員選擇 Smart HTML Elements，因為它零相依性、容易自訂，並與 Angular、React、Vue 和 Blazor 等框架相容，同時還提供完整的文件。
