vue-router에서 ElementUI로 탐색을 구현하는 방법

亚连
풀어 주다: 2018-06-06 10:53:05
원래의
1732명이 탐색했습니다.

아래에서는 ElementUI와 함께 vue-router를 사용하여 탐색을 구현하는 예를 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

라우팅은 모든 프로젝트에서 필수입니다. 최근 vue-router와 ElementUI를 사용하여 탐색 모음을 구현하는 방법을 배웠습니다. 학습 과정에서 문제가 발생했습니다. 브라우저에서 새로 고침을 클릭한 후 페이지가 원래 위치에 머물렀습니다. 탐색은 기본적으로 첫 번째 탐색입니다.

프론트엔드를 오랫동안 접해보지 않아서 라우팅의 개념이 잘 불명확합니다. 문서대로 작성했는데 어떻게 시작해야 할지 모르겠어서 동료들에게 조언을 구했습니다. .. 동료들의 해결책은 vuex 관리를 사용하는 것이지만 저는 아직 vuex에 노출되지 않았기 때문에 이번 주말에 집에서 공부하다가 우연히 $route.path를 사용할 수 있다는 것을 알게 되었습니다. 기본 선택 내비게이션을 설정하려고 했는데 설정 후 아무런 효과가 없었습니다.새로고침을 해도 페이지는 계속 원래 위치에 있었으나 전혀 내비게이션이 없었습니다. 선택 후 오랫동안 정보를 확인했는데. 나중에 인터넷에 있는 예시와 비교해보니

default-active="$route.path"
로그인 후 복사

앞에 다음과 같이 바인딩 기호를 추가해야 한다는 것을 알았습니다.

:default-active="$route.path"
로그인 후 복사

이렇게 설정한 후 내비게이션과 페이지가 동시에 변경될 수 있습니다.

전체 탐색 코드는 여기를 참조하세요.

로그인 후 복사

위 내용은 제가 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

vue.js에서 this.$emit 사용에 대해 자세히 설명

vue에서 비밀번호 표시-숨기기 전환 기능을 구현하는 방법

부모 구성 요소를 사용하여 호출하는 방법 Vue 이벤트의 하위 구성요소

위 내용은 vue-router에서 ElementUI로 탐색을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿