Vue Router가 클래스 목록 끝에 'link-exact-active-class'를 추가하도록 만드는 방법은 무엇입니까?

Question

라우터 생성자에서 linkExactActiveClass 매개변수를 사용하여 탐색 모음에서 활성 링크를 강조 표시해 보았습니다.

내 문제는 활성 클래스가 CSS 클래스 목록의 시작 부분에 추가되어 다른 클래스가 이를 재정의한다는 것입니다.

내 라우터 구성은 다음과 같습니다.

으아아아

router-link 요소는 다음과 같습니다.

으아아아

질문:

text-yellow-500 类确实会添加到现有的 css 类之前。这会导致黄色文本被 text-white 수업 취재. 이것을 어떻게 바꿀 수 있나요?

Answer 1

간단한 해결책은 tailwind (documentation)

을 추가하는 것입니다.

다음과 같이 사용해 보세요:

으아아아

보통 이런 방식은 별로 안 좋아하는데, 이보다 더 쉬운 방법은 없는 것 같아요

PS: 최소한 tailwind 2.1 및 JIT mode

를 사용해야 합니다.