vuejs2通过axios应用商店返回用户列表
如何返回所有用户的列表,以便将其列在表中 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 = []
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正确地显示它…更新答案以显示它们可以显示。如果您在数据显示方面有更多问题,您可能应该开始一个新问题