반응형
Vuejs - 작업에서 데이터 반환
Vue 작업에서 데이터를 반환할 수 있는가, 아니면 스토어를 업데이트해야 하는가?
액션을 정의했지만 데이터가 반환되지 않음
getData(){
return { "a" : 1, "b" : 2 }
}
실제로 액션으로부터 데이터를 반환할 수 있다.설명서:
동작은 비동기적인 경우가 많은데, 동작이 언제 수행되는지 어떻게 알 수 있는가?그리고 더 중요한 것은, 어떻게 하면 더 복잡한 비동기 흐름을 처리하기 위해 여러 행동을 함께 구성할 수 있을까?
약속과 자료를 반납해야 한다.resolve()
방법:
actions: {
actionA () {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve({ name: 'John Doe' })
}, 1000)
})
}
}
그리고 다음과 같은 방법으로 사용하라.
store.dispatch('actionA').then(payload => {
console.log(payload) /* => { name: 'John Doe' } */
})
참조URL: https://stackoverflow.com/questions/54071406/vuejs-returning-data-from-an-action
반응형
'IT이야기' 카테고리의 다른 글
형식 정의 함수 포인터? (0) | 2022.05.23 |
---|---|
Vue: Observer 개체로 자동 채워지는 빈 어레이 (0) | 2022.05.23 |
Nuxt.js 저장소에서 localStorage를 사용하는 방법 (0) | 2022.05.23 |
vue JS가 상위에서 구성 요소로 변경 내용을 전파하지 않음 (0) | 2022.05.23 |
프로그래밍 방식으로 변경된 요소의 v-모델 업데이트 방법 (0) | 2022.05.23 |