반응형
비동기 함수의 디바운스 사용방법
사용방법debounce
을 타고async
기능하고 있습니까?내 안에 방법이 있다.vue
- 피하고 싶은 API를 지속적으로 호출하는 API의 데이터를 보호하는 앱입니다.
방법은 다음과 같습니다.
methods: {
async getAlbums () {
const response = await AlbumService.fetchAlbums()
this.albums = response.data.albums
}
}
설치 완료lodash
그럼 어떻게 하면 좋을까요?
Lodash의 함수는 함수에 시간이 걸리고 함수가 반환됩니다.
다음과 같이 합니다.
methods: {
getAlbums: _.debounce(async function() {
const response = await AlbumService.fetchAlbums();
this.albums = response.data.albums;
}, 1000);
}
언급URL : https://stackoverflow.com/questions/50837291/how-to-use-debounce-on-async-function
반응형
'programing' 카테고리의 다른 글
vue 템플릿에서 구분되지 않는 공간이 일반 공간으로 렌더링됩니다. (0) | 2022.08.10 |
---|---|
왜 C 컴파일러는 같은 변수에 대한 두 개의 포인터가 불법/UB일 것이라고 가정하고 const pointer의 값을 변경하는 것을 최적화할 수 없는가? (0) | 2022.08.10 |
Vuex를 사용할 때 잘못된 점은 무엇입니까?가게? (0) | 2022.08.10 |
Vue의 v-for 루프 내에서 항목을 console.log하는 방법 (0) | 2022.08.10 |
초기 페이지 로드 시 사용자 가져오기 - Nuxt 미들웨어 (0) | 2022.08.10 |