javascript - 클릭 시 점프하지 않도록 vue-router에서 라우터 링크를 동적으로 제어하는 ​​방법

Question

RT
문제 설명:
페이지에 라우터 링크로 렌더링된 링크가 있습니다. 특정 상황에서는 이 링크가 점프할 수 있지만 특정 상황에서는 점프할 수 없습니다

생각:
라우터 링크를 점프 불가능하게 만드는 방법

으아아아

드디어 채택된 해킹 방법:

사용자가 클릭하여 이동하는 것을 원하지 않을 경우 URL은 현재 페이지의 URL로 설정됩니다. 클릭하여 이동하려는 경우 URL은 대상 URL로 설정됩니다

Answer 1

프로그래밍 방식 탐색 사용

Answer 2

그럼 상황을 판단해야 하는 것 아닌가요? a 태그를 사용해 판단하는 함수를 작성해 봅시다

Answer 3

프로그래밍 방식 탐색을 사용하세요. 구체적으로 li 등의 다른 태그를 사용하여 클릭 이벤트를 바인딩합니다(비활성화해야 하는 경우 비활성화 상태를 추가해야 완료됩니다). 이벤트 콜백 함수에서 비즈니스 로직 판단 후 this.$route 사용 여부를 결정합니다. push(url string 또는 url 객체 엔터티) 메소드를 사용하여 점프합니다.