[Vue] $route가 바뀌어도 컴포넌트가 변하지 않을 때

uoayop·2021년 4월 8일
0

에러 한바가지

목록 보기
1/16
post-thumbnail

[상황]
카테고리를 선택함에 따라 주소는 변경되지만 컴포넌트 내용이 바뀌지 않는다.


[시도 1] console로 모두 출력해보기

[결과 1]

=> 카테고리를 바꾸어도 처음 누른 카테고리의 값만 출력이 될 뿐, 아무것도 출력되지 않았다.


[해결 방법] watch에 $route 넣기
"주소값이 변경될 때마다 동영상을 가져오는 작업을 하면 되지 않을까?"
이런 생각으로 서치를 하다가 javascript의 watch를 알게되었다.
watch는 지정한 대상의 값이 변경될 때마다, 정의한 함수가 실행되도록 해주는 역할이다.

watch에 $route값이 변경될 때마다 해당 장르에 해당하는 영상을 가져오는 작업을 요청했다.
response.data로 해당 장르의 영상이 담긴 리스트가 반환되면
그 값을 data에 선언된 musics:[]에 담아주었다.


[결과]

선택한 카테고리에 맞는 영상들이 잘 출력된다.
이게.. 안되서 며칠을 삽질 했다. ༼;´༎ຶ ۝༎ຶ`༽ 우어어

profile
slow and steady wins the race 🐢

0개의 댓글