20.06.15 18:20 작성
·
246
답변 4
0
0
2020. 06. 17. 13:11
스크롤이 내려가고 데이터를 받아오는 사이에 스크롤이 원래위치에 그대로 있어서 여러번 요청되는거 같길래
fornt/pages/index.vue의 onScroll매서드에 newDataFlag라는 조건을 하나 넣어서 해결하였습니다.
methods: {
async onScroll() {
if (window.scrollY + document.documentElement.clientHeight > document.documentElement.scrollHeight - 200 && this.newDataFlag){
if(this.hasMorePost){
try{
this.newDataFlag=false;
await this.$store.dispatch('posts/loadPosts');
this.newDataFlag=true;
}catch{
alert('온스크롤 메소드 에러');
}
}
}
}
},
더좋은 방법이 있을까요?
0
0
2020. 06. 16. 01:44
method를 보여주세요. 네트워크 탭에서 헤드컬럼에서 오른쪽 누르고 method 활성화하시면 됩니다. 하나가 options 메서드가 아닌지 확인해보세요.