axios.get('/api/test')
.then(function(response){
this.list = [];
});
이렇게 짜면 vue의 데이터 객체 list의 내용을 비우라는 것으로 착각하기 쉽지만...
이렇게 했을때 this는 vue의 this가 아니다... 이 상황에서의 this는 axios를 가리키는 것이다.
따라서 클로저 형태로 접근해야 하는 번거로움이 생긴다..
제일 간단한 방법은
var vm = this;
axios.get('/api/test')
.then(function(response){
vm.list = [];
});
이렇게 axios 바깥에서 this를 별도 변수에 넣어서 넘겨쓰는것.
'Develop Issue > Vue.js' 카테고리의 다른 글
Next.js에서 SEO 최적화를 하기 위한 방법들, 그리고 테스트를 위한 Light house 사용법 (0) | 2024.07.28 |
---|---|
Vue.js Spring boot 개발환경 셋팅 (374) | 2020.01.03 |