vue watch 무한 호출 문제ㅜㅜ(나쁜 머리 미리 죄송합니다..)

Question

안녕하세요, okkay에서 눈팅만 하다가 처음으로 게시물 작성해보네요..ㅜㅜ제가 이번에 vue공부를 하고 있는데, 구글링을 해도 제 모자란 머리로는 이해가 되지 않아 질문드립니다.. 현재 제가 작업하고 있는 것은- state에 array형태의 데이터 : service service&#61;[ {id:1, title: 'hi'}, {id:2, title: 'hello'}, ] - 이 service 삭제버튼 클릭시, 해당 service안의 한 객체를 삭제한 후 목록을 불러오는 api 호출하는 작업을 하고 있습니다. (this.FETCH_SERVICE_LIST()) 그런데 service변수의 값이 변경되었을 때(삭제됐을 때) 변화를 감지하지 못해아래와 같이 watch, deep방식을 사용하였습니다.watch:{ service :{ //service값이 변경시 deep : true, handler(){ //handler에서 이 함수를 호출 this.FETCH_SERVICE_LIST() } } }, 위와 같은 코드로 작성하자,this.FETCH_SERVICE_LIST()가 무한정으로 호출이 됩니다..ㅎㄷㄷ... handler에서는 api호출을 하면 안되는 건가요?ㅜㅜ 아 이 문제가 아닌 거 같긴한데,...어제 오늘 구글링해도 모르겠더라구요...혹시 이 같은 문제를 해결하신 적이 있다면 작게나마이 코알못에게 검색하는 키워드나 팁이라도 알려주시면 감사하겠습니다.

2m/Wing_Bird · Accepted Answer

해결했습니다.이전 array와 현재 array값이 같은데도,&#61;&#61;&#61;비교 연산결과 계속 false라고 뜨더라구요

yeori · Answer

그런데 service변수의 값이 변경되었을 때(삭제됐을 때) 변화를 감지하지 못해길게 하소연 할것 없이 코드를 올립니다

vue watch 무한 호출 문제ㅜㅜ(나쁜 머리 미리 죄송합니다..)

2개의 답변

#watch 목록