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 구성 요소 모음입니다. 여기에는 개발자가 Vue 애플리케이션에서 직관적이고 반응형인 탐색 인터페이스를 만들 수 있도록 하는 NavBar 및 Drawer와 같은 구성 요소가 포함됩니다. 기능으로는 라우팅 지원, 사용자 지정 가능한 템플릿, 이벤트 훅, 그리고 탐색 스택을 관리할 수 있는 기능이 있습니다.

광범위한 탐색 구성 요소

웹 및 모바일 애플리케이션에 적합한 적응형 탐색 메뉴와 패널을 구축하기 위해 NavBar, Drawer, List, Menu와 같은 여러 탐색 구성 요소를 포함합니다.

라우팅 통합

URL을 보기와 매핑하도록 라우팅 규칙을 정의하는 기능을 지원하여, URL 조각에 보기 상태와 매개변수를 인코딩해 탐색할 수 있게 합니다.

탐색 스택과 기록

보기를 캐시하는 탐색 기록 스택을 관리하여 데이터를 다시 로드하거나 다시 렌더링하지 않고도 빠른 뒤로 탐색을 지원합니다.

사용자 지정 가능한 템플릿과 렌더링

탐색 항목에 대해 사용자 지정 항목 템플릿 또는 렌더 함수 정의를 허용하여, 풍부한 UI 사용자 지정과 라우팅 링크 통합을 가능하게 합니다.

이벤트 처리 및 상호작용

onItemClick, onSelectionChanged, onItemHold와 같은 여러 이벤트 훅을 제공하여 사용자 상호작용을 처리하고 탐색 동작을 사용자 지정할 수 있습니다.

Drawer 제어

해제 가능한 또는 고정된 패널을 지원하는 Drawer 구성 요소를 제공하며, 구성 가능한 reveal 모드, 보기 위에 열린 상태, 위치 지정 옵션을 포함합니다.

반응형 및 터치 친화적

터치 친화적인 인터페이스를 갖춘 반응형 웹 레이아웃을 위해 설계되었으며, 스와이프 및 적응형 reveal 동작과 같은 기능을 지원합니다.

Vue Router 호환

Vue Router와 쉽게 통합되어 개발자가 탐색 선택 변경을 경로 변경에 바인딩하고 그 반대도 가능하게 합니다.

선택 모드 및 접근성

키보드 탐색, 포커스 관리, 접근성 기능과 함께 단일 및 다중 선택 모드를 지원합니다.

성능 최적화

변경된 부분만 다시 그리기, 지연 렌더링 전략, 효율적인 데이터 바인딩을 지원하여 원활한 탐색 경험을 보장합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vue.js