vuex 和ajax,vue + vuex+ajax，数据没有保存到state里面

落日映苍穹つ 2022-09-03 11:19 182阅读 0赞

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

\})

页面运行后的输出：：

![bVbm4Ki?w=860&h=321][bVbm4Ki_w_860_h_321]

[bVbm4Ki_w_860_h_321]: /images/20220829/6dad5627d42a40188d59541f2261a713.png

发表评论取消回复

表情：

评论列表（有 0 条评论，182人围观）

还没有评论，来说两句吧...

相关阅读

相关 vuex中的state

vuex中的state 简介本文讲解vuex中的state使用方法。入门讲解首先第一步肯定是创建vue项目，具体操作看这篇文章：[用命令窗口的方式创建

小鱼儿/ 2024年03月16日 13:35/ 0 赞/ 44 阅读

相关深入Vuex的state

理解state(状态) 1.什么是state？ Vuex就是提供一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于与一般Vue对象里面的dat

我不是女神ヾ/ 2023年06月07日 10:48/ 0 赞/ 8 阅读

相关解决刷新保存vuex里面保存的数据

只需要在app.vue里面写入以下代码 <template> <div id="app"> <router-view /> <

迈不过友情╰/ 2023年02月11日 08:45/ 0 赞/ 125 阅读

相关 vuex入门篇 -- state和getters

前言从这一篇文章开始，将要学习的是vuex的入门基础内容。vuex是一个企业级程序的状态管理的高效工具，官方认证。也将是我们和vue打交道的内容之中常常会接触到的部分。

短命女/ 2022年10月01日 09:44/ 0 赞/ 214 阅读

相关 vuex 和ajax,vue + vuex+ajax，数据没有保存到state里面

vue发送ajax请求到的数据没有保存在vuex的 state里面好像是...在请求的过程中数据保存了，请求结束，数据又不见了代码如下 data() \{ retu

落日映苍穹つ/ 2022年09月03日 11:19/ 0 赞/ 183 阅读

相关 sparkstreaming里面的数据保存到数据里面

从kafka里面取数据到sparkStreaming里面，然后再把数据保存到数据中关键点，不是每个数据都需要创建连接，只需要为每个分区创建一个连接就可以了下面是一个

向右看齐/ 2022年07月13日 11:44/ 0 赞/ 238 阅读

相关 vuex改变state数据状态

最好不要直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得可以方便地跟踪每一个状态的变化，从而能够

ゝ一纸荒年。/ 2022年04月17日 05:18/ 0 赞/ 300 阅读

相关 vuex中的state和mapState

vuex是Vue中的数据仓库，用来存储数据的，Vue中每个组件都可以获取和修改vuex中的值。 1. 添加vuex插件 ![20190325231235950.png][]

梦里梦外;/ 2022年02月28日 14:56/ 0 赞/ 395 阅读

相关 Vuex笔记（三）——state

在Vuex中，我们会发现所有的状态都包含在了一个对象state中。即Vuex使用单一状态树。那我们在Vue组件中获取和展示状态的方法，在上一个笔记里已经有写过：

本是古典何须时尚/ 2021年08月13日 12:52/ 0 赞/ 474 阅读

相关 vuex 配置和state、mutations应用

vuex 1、安装 cnpm install vuex --save 2、使用创

男娘i/ 2021年07月25日 02:40/ 0 赞/ 402 阅读