Vue 는 페이지 권한에서 메뉴 구성을 구현합니다.

배열 렌더링 메뉴를 통해 페이지 사용 권한을 자동으로 구성할 수 있습니다.

N 레벨 메뉴는 n- 1 레벨 메뉴 등으로 구성됩니다. 다중 레벨 메뉴는 2 단계 메뉴 루프로 구성됩니다. Element-ui 에서 NavMenu 탐색 메뉴 구성 요소를 찾아 해당 구성 요소를 사용하여 보조 메뉴의 루프 구성 요소를 만듭니다. 메뉴 데이터는 vuex 에 저장됩니다.

구성 요소에 다른 모듈을 로드할 하위 집합이 있는지 확인합니다. 보조 메뉴에서 루프에 의해 생성된 첫 번째 레벨 구성 요소 배열은 슬롯을 통해 로드됩니다 (예: 아래 목록 항목 구성 요소).

Index 속성은 고유하다면 menu 객체의 모든 속성으로 바꿀 수 있습니다.

백그라운드에서 서로 다른 캐릭터에 대한 서로 다른 메뉴 데이터를 가져온 다음 두 개의 재귀 함수를 사용하여 메뉴를 렌더링하고 동적으로 메뉴 경로를 추가하여 페이지의 권한 구성을 구현합니다.

/er pang 123/ 라우터-데모