Есть метод в компоненте methods: { ...mapActions({

Question

Есть метод в компоненте methods: { ...mapActions({

retrieveToken: 'auth/retrieveToken',
}),
login() {
this.retrieveToken()
},
},
и есть в сторе екшен
const actions = {
async retrieveToken({ commit }) {
try {
const token = await authApi
.fetchToken()
.then(response => response.text())
.then(data => data)
localStorage.setItem('access_token', token)
commit('SET_TOKEN', token)
} catch (e) {
console.error(e)
}
},
}
мои ожидание что по клике на кнопку сработает login() который вызове екшен но падает ошибка Cannot read property 'then' of undefined куда смотреть?

#frontend #javascript #programming #russian #vue.js

0

06.11.2019

3 ответов

15 просмотров

Andrey S

ты смешал три вещи из разных поколений ))

0

06.11.2019

Furrya Black Tempest

then офф заворачивай тогда уж .fetchToken - остальное разноси по другим методам/в другой метод const actions = { async fetchToken({ commit }) { try { const token = await authApi.fetchToken() commit('SET_TOKEN', token) return { result: token } } catch (e) { console.error(e) return { err: e } } }, } ... const { result, err } = await actions.fetchToken() то есть обрабатываешь ошибки? так обрабатывай

0

06.11.2019

Vladimir Voytenko ️ · Accepted Answer

Vladimir Voytenko ️

стоп, а зачем прям в одной практически строке фешать авэйт и then?

0

06.11.2019

169 похожих чатов

Есть метод в компоненте methods: { ...mapActions({

3 ответов

Похожие вопросы