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 等多个导航组件，用于构建适用于 Web 和移动应用的自适应导航菜单和面板。

路由集成

支持定义路由规则，将 URL 映射到视图，通过在 URL 片段中编码视图状态和参数来实现导航。

导航栈和历史记录

管理会缓存视图的导航历史栈，便于快速返回导航，而无需重新加载或重新渲染数据。

可自定义模板和渲染

允许为导航项定义自定义项模板或渲染函数，实现丰富的 UI 定制并与路由链接集成。

事件处理与交互

提供 onItemClick、onSelectionChanged 和 onItemHold 等多个事件钩子，用于处理用户交互并自定义导航行为。

Drawer 控制

提供支持可关闭或永久面板的 Drawer 组件，具备可配置的展开模式、覆盖视图时的打开状态以及位置选项。

响应式且适合触控

专为响应式 Web 布局设计，具有适合触控的界面，并支持滑动和自适应展开行为等功能。

兼容 Vue Router

可轻松与 Vue Router 集成，使开发者能够将导航选择变化绑定到路由变化，反之亦然。

选择模式与可访问性

支持单选和多选模式，具备键盘导航、焦点管理和可访问性功能。

性能优化

支持仅重绘更改、延迟渲染策略和高效数据绑定，以确保流畅的导航体验。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • Vue.js