Невозможно отобразить результаты из моего возвращенного массива, используя axios и vue - PullRequest
0 голосов
/ 09 мая 2018

Я пытался следовать полученному руководству, но столкнулся со следующей проблемой:

У меня нет ошибок в консоли или терминале, но ничего не отображается, даже если я знаю, что у меня есть массив данных.

Мой обновленный код выглядит следующим образом, я уверен, что следовал приведенным инструкциям.

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
},

Еще раз спасибо за вашу помощь, вы, ребята, действительно здорово помогаете новичкам, таким как я, учиться.

Я должен добавить, что я знаю из консоли, что моя функция возвращает ожидаемые данные

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...