- router-link-exact-active : router-link to에 지정한 path에 해당하는 path만 적용
- router-link-active : router-link to에 지정한 path의 하위 path 모두 적용
- 예제코드) scss
#header-nav {
padding: 30px;
z-index: 1;
a {
font-weight: normal;
color: #2c3e50;
text-decoration: none;
&.router-link-active {
color: #f17f42;
font-weight: 600;
}
}
}
'Develop > Vue' 카테고리의 다른 글
[Vue.js] Vue2에서 컴포넌트 교체 없이 중첩(연속) route 만들기(슬래쉬가 %2F 16진수로 나오는 에러 해결) (1) | 2023.02.22 |
---|---|
[Vue.js] click이벤트에 매개변수 할당하기 (0) | 2023.02.20 |
[Vue.js] Vue2 axios proxy 설정하기 (0) | 2023.02.14 |
[Vue.js] 자바스크립트 Assignment to property of function parameter 'res'. (0) | 2023.01.10 |
[Vue.js] 빠르고 쉽게 axios 로 가져온 데이터 v-for를 사용해 Table에 넣기 (0) | 2023.01.10 |