Я пытался следовать полученному руководству, но столкнулся со следующей проблемой:
У меня нет ошибок в консоли или терминале, но ничего не отображается, даже если я знаю, что у меня есть массив данных.
Мой обновленный код выглядит следующим образом, я уверен, что следовал приведенным инструкциям.
HTML:
<tr v-if="myuser" v-for="myuser in allMyUsers" :key="">
<td>{{ myuser.email }}</td>
<td></td>
</tr>
SCRIPT:
<script>
import axios from 'axios';
export default {
computed: {
allMyUsers () {
return !this.$store.getters.myuser ? false : this.$store.getters.myuser
},
},
created () {
this.$store.dispatch('allMyUsers')
}
}
</script>
GETTER:
myuser (state) {
return state.myuser
},
Функция:
allMyUsers ({commit, state}) {
if (!state.idToken) {
return
}
globalAxios.get('/users.json' + '?auth=' + state.idToken)
.then(res => {
const data = res.data
const myusers = []
for (let key in data) {
const myuser = data[key]
myuser.id = key
myusers.push(myuser)
}
commit('storemyuser', myusers)
})
.catch(error => console.log(error))
}
И, наконец, моя МУТАЦИЯ:
storemyuser (state, myuser) {
state.myuser = myuser
},
Еще раз спасибо за вашу помощь, вы, ребята, действительно здорово помогаете новичкам, таким как я, учиться.
Я должен добавить, что я знаю из консоли, что моя функция возвращает ожидаемые данные