DevExtreme Vue UI Navigation Controls

DevExpressControles de navegação da interfaceJavaScript

Componentes de navegação Vue ricos e personalizáveis para apps responsivos.

  • Inclui NavBar, Drawer, List e outros componentes de UI de navegação.
  • Suporta roteamento, stacks de navegação e transições de view.
  • Templates altamente personalizáveis e recursos de tratamento de eventos.
DevExpress logo

Preços a partir de:

Carregando...
Disponível em
DevExtreme CompleteCarregando
DevExpress DXperienceCarregando
DevExpress UniversalCarregando
DevExpress VCL Subscription +Carregando
Precisa de ajuda para escolher? Veja Como comprar e a especificação
imagem do produto DevExtreme Vue UI Navigation Controls
DevExtreme Vue UI Navigation Controls fornece uma coleção de componentes de UI do Vue especificamente projetados para fins de navegação. Inclui componentes como NavBar e Drawer que permitem aos desenvolvedores criar interfaces de navegação intuitivas e responsivas em seus aplicativos Vue. Os recursos incluem suporte a roteamento, templates personalizáveis, hooks de eventos e a capacidade de gerenciar stacks de navegação.

Componentes de Navegação Abrangentes

Inclui múltiplos componentes de navegação como NavBar, Drawer, List e Menu para criar menus e painéis de navegação adaptáveis adequados para aplicativos web e mobile.

Integração de Roteamento

Suporta a definição de regras de roteamento para mapear URLs para views, permitindo navegação ao codificar estados de view e parâmetros em fragmentos de URL.

Stacks de Navegação e Histórico

Gerencia stacks de histórico de navegação que armazenam em cache as views, facilitando a navegação rápida para trás sem recarregar ou re-renderizar dados.

Templates e Renderização Personalizáveis

Permite definir templates personalizados de itens ou funções de renderização para itens de navegação, possibilitando rica personalização de UI e integração com links de roteamento.

Tratamento de Eventos e Interação

Fornece vários hooks de eventos como onItemClick, onSelectionChanged e onItemHold para lidar com interações do usuário e personalizar o comportamento de navegação.

Controle do Drawer

Apresenta um componente Drawer com suporte a painéis dispensáveis ou permanentes com modos de revelação configuráveis, estado aberto sobre a view e opções de posicionamento.

Responsivo e Amigável ao Toque

Projetado para layouts web responsivos com interfaces amigáveis ao toque e com suporte a recursos como swipe e comportamento de revelação adaptativo.

Compatível com Vue Router

Integra-se facilmente com Vue Router, permitindo que os desenvolvedores vinculem alterações de seleção de navegação a mudanças de rota e vice-versa.

Modos de Seleção e Acessibilidade

Suporta modos de seleção única e múltipla com navegação por teclado, gerenciamento de foco e recursos de acessibilidade.

Otimizações de Desempenho

Suporta a repintura apenas das alterações, estratégias de renderização adiada e vinculação eficiente de dados para garantir uma experiência de navegação fluida.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • Vue.js