現在promiseを勉強しており、promiseを使ってtodolistの削除処理を行った後にtodolistを表示するという処理にしたいのですが、調べたところvuexの直列処理はasync/await関連がほとんどでしたので
promiseを使った処理をぜひ教えていただきたいです!
やりたいこと
deleteTodo実行後にgettodosを実行したい。
↓todolistの削除処理を行っている部分
action
1deleteTodo ({ commit }, todoId) { 2 return new Promise((resolve, reject) => { 3 commit('initTargetTodo') 4 axios.delete(`http://localhost:3000/api/todos/${todoId}`).then(function(data) { 5 resolve() 6 commit('hideError') 7 }).catch(function(err) { 8 reject() 9 commit('showError', err.response) 10 }); 11 }) 12 },
↓todolistの削除処理後にtodolistを取得する部分
action
1getTodos({ commit }) { 2 axios.get('http://localhost:3000/api/todos/').then(({ data }) => { 3 commit('getTodos', data.todos); 4 }).catch((err) => { 5 commit('showError', err.response); 6 }); 7 },
あなたの回答
tips
プレビュー