vue发送ajax请求到的数据没有保存在vuex的 state里面
好像是...在请求的过程中数据保存了,请求结束,数据又不见了
代码如下
data() {
return {
}
},
created(){
console.log(this.$store.state.list) //这是84行输出
this.getNews()
console.log(this.$store.state.list) //这是86行输出
},
computed:{
...mapState(['list', 'cont', 'loading']),
...mapGetters(['addNews'])
},
methods: {
getNews(){
var url = 'http://www.toutiao.com/api/comment/list/?group_id=6364965628189327618&item_id=6364969235889783298&offset=0&count=10'
this.$axios.get(url).then( res=> {
this.$store.state.list = res.data.data.comments
console.log(this.list) //这是97行输出
})
console.log(this.list) //这是99行输出
},
vuex store.js代码如下
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
// 相当于data对象的状态对象
const state = {
list: [],
loading: false
}
// 包含了n个直接更新状态的方法的对象
const mutations = {
}
// 包含了n个间接更新状态的方法的对象
const actions = {
}
// 包含多个getter计算属性的对象
const getters = {
}
export default new Vuex.Store({
state,
mutations,
actions,
getters
})
页面运行后的输出::