vuejs2通过axios应用商店返回用户列表

vuejs2通过axios应用商店返回用户列表,vuejs2,axios,Vuejs2,Axios,如何返回所有用户的列表,以便将其列在表中 Axios运行良好,其一个版本可以很好地恢复单个用户。我认为出于某种原因,它返回了一个空数组 allUsers ({commit, state}) { if (!state.idToken) { return } globalAxios.get('/users.json') .then(res => { const data = res.data const allUsers = []

如何返回所有用户的列表,以便将其列在表中

Axios运行良好,其一个版本可以很好地恢复单个用户。我认为出于某种原因,它返回了一个空数组

allUsers ({commit, state}) {
  if (!state.idToken) {
    return
  }
  globalAxios.get('/users.json')
    .then(res => {
      const data = res.data
      const allUsers = []
       for (let key in data) {
         const alluser = data[key]
         user.id = key
         users.push(user)
       }
      commit('storeUser', AllUsers)
    })
    .catch(error => console.log(error))
  }
脚本:

import axios from 'axios';

  export default {

    computed: {
      allUsers () {
        return !this.$store.getters.alluser ? false : this.$store.getters.alluser
      },
    },
    created () {
      this.$store.dispatch('allUsers')
    }
  }
HTML模板:

<p v-if="allUsers">allUsers: {{ allUsers }}</p>

alluser:{{{alluser}

可能是打字错误吗

allUsers ({commit, state}) {
  if (!state.idToken) {
    return
  }
  globalAxios.get('/users.json')
    .then(res => {
      const data = res.data
      const allUsers = []
       for (let key in data) {
         const alluser = data[key]
         user.id = key
         users.push(user)
       }
      commit('storeUser', allUsers) // <--- lower case
    })
    .catch(error => console.log(error))
  }
alluser({commit,state}){
如果(!state.idToken){
返回
}
globalAxios.get('/users.json')
。然后(res=>{
常数数据=分辨率数据
常量allUsers=[]
for(让我们输入数据){
const alluser=数据[键]
user.id=key
用户。推送(用户)
}
提交('storeUser',alluser)//console.log(错误))
}

要显示用户

<div v-if="allUsers">
  <div v-for="u in allUsers" :key="u.id">{{ u.email }}</div>
</div>
<div v-else>
  ...Loading...
</div>

{{u.email}
…正在加载。。。

您没有使用您在操作中定义的变量。这只是语法问题。请按如下方式修复:

alluser({commit,state}){
如果(!state.idToken){
返回
}
globalAxios.get('/users.json')
。然后(res=>{
常数数据=分辨率数据
常量allUsers=[]
for(让我们输入数据){
const user=数据[键]
user.id=key
alluser.push(用户)
}
提交('storeUser',allUsers)
})
.catch(错误=>console.log(错误))
}

res.data的内部是什么??谢谢,我现在可以看到我正在按预期返回一个数组,但是我现在如何显示返回的数组。我的记录是多字段的,因此我得到记录1=id:1,电子邮件:me@my.com....记录2=id:2,电子邮件:you@your.com等等,但我现在真的很专注于如何利用返回的数组a正确地显示它…更新答案以显示它们可以显示。如果您在数据显示方面有更多问题,您可能应该开始一个新问题