[Vue] router-link 하이퍼링크 밑줄, 클릭 색상 변경 제거

Vue router-link 사용 시, 밑줄이 생기는 문제 및 클릭 시 색상이 변경되는 문제가 있다.

해당 문제는 다음과 같이 해결이 가능하다.

 

css 즉 <style></style>코드 쪽에 아래와 같이 추가해준다.

Vue 에서 router-link는 a 태크로 취급하므로, a 태그에 다음과 같이 해주면 된다.

 

혹 개별로 적용이 필요하다면, 따로따로 해줘야 할 것이다.

a{text-decoration:none; color: white}