Vue.js 无法使用axios和vue显示返回数组的结果
我试图遵循我已经收到的指导,但我遇到了以下问题: 控制台或终端中没有错误,但即使知道有一个数据数组,也不会显示任何内容 我的更新代码如下,我相信我已经遵循了善意提供的指导 HTML: 最后是我的变异:Vue.js 无法使用axios和vue显示返回数组的结果,vue.js,vuejs2,axios,Vue.js,Vuejs2,Axios,我试图遵循我已经收到的指导,但我遇到了以下问题: 控制台或终端中没有错误,但即使知道有一个数据数组,也不会显示任何内容 我的更新代码如下,我相信我已经遵循了善意提供的指导 HTML: 最后是我的变异: storemyuser (state, myuser) { state.myuser = myuser }, 再次感谢你们的帮助,你们真的很擅长帮助像我这样的新手学习 我应该补充一点,我从控制台知道我的函数正在返回我期望的数据让我看看您的storeRemovev-if=“myuser”的定义
storemyuser (state, myuser) {
state.myuser = myuser
},
再次感谢你们的帮助,你们真的很擅长帮助像我这样的新手学习
我应该补充一点,我从控制台知道我的函数正在返回我期望的数据让我看看您的storeRemove
v-if=“myuser”
的定义。它可能在您的组件allMyUsers(){return!this.$store.getters.myuser?[]:this.$store.getters.myuser}
中工作。默认情况下,它应该是一个空数组[]
。感谢回复,删除v-if无效并添加[]会生成一个意外错误标记
<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
},