Question

我试图遵循我已经收到的指导，但我遇到了以下问题：

我在控制台或终端中没有错误，但即使我知道我有一个数据数组也没有显示任何内容。

我的更新代码如下，我确信我已按照提供的指导。

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

最后我的MUTATION：

storemyuser (state, myuser) {
  state.myuser = myuser
},

再次感谢您的帮助，你们真的非常善于帮助像我这样的新手学习。

我应该补充一点，我从控制台知道我的函数正在返回我期望的数据

无法使用axios和vue显示我返回的数组的结果

0 个答案: