수직 확장 스타일 vue + webpack 패키징 프로젝트를 유지하도록 elementUI의 메뉴 메뉴 변경 elementUI의 소스 코드 수정

최근 백엔드 관리 시스템 작업을 하다가 왼쪽 메뉴 네비게이션 바를 확장 상태로 유지해야 해서 vue+elementUI를 사용했습니다.

1. 기본 열림을 사용하여 백그라운드에서 얻은 모든 탐색 데이터를 확장합니다.

2. 메뉴의 소스코드를 수정하고, 1단계 디렉토리를 클릭하는 닫기 및 열기 기능을 주석으로 처리합니다.

먼저, elementUi의 소스 코드를 로컬로 다운로드해야 합니다.

압축된 패키지를 직접 다운로드하고, npm install 명령을 로컬로 실행한 다음, npm run dist를 실행하여 테스트했습니다.

폴더에서 소스 코드 폴더 element-dev/element_ui/packages/menu/src/menu.vue를 찾으세요.

나타나다

주석 달기

그런 다음 npm run dist를 다시 실행하세요.

가장 중요한 것은 element_ui의 lib 파일을 vue 프로젝트의 node_modules/element-ui lib로 바꾸는 것입니다.

프로젝트를 다시 실행하면 왼쪽 탐색 메뉴가 확장된 상태로 유지됩니다.

추천

출처blog.csdn.net/a_grain_of_wheat/article/details/107971741