vuex获取接口数据问题

问题是这样的,我想将接口中的数据,保存到vuex状态图片描述中去,如下面的截图

根据下拉,的数字进行接口数据的渲染,现在是这样的,假设用户下拉了数字,那么,在页面中,会出现 5条数据,有什么方式,把这N条数据,保存到vuex中呢?
下面是vuex相关代码
store.js
const state={
times:[],//存储当前数据行为
timetoggle:[],//切换时的状态
information:[],//下拉产生的数据并保存在这
informatlen:1,//下拉出现元素的个数
inforBool:false,//如果用户未进行刷新操作时,就根据informatlen出来的长度和它的位置,进行处理
inforColor:'',//如果向上就给如黑色,表示正在向上一页,
}
export default state

将获取到的数据,保存到information这个数组中去,然后显示在第2个页面中,如下的截图
图片描述

获取到之后,会对prev(向上一页)和(向下一页)进行查看相应数据的显示
,麻烦各位了,在此谢谢了!

阅读 6.9k
2 个回答

vueX中的state放你的基本数据是对的,然后
0,最基础的是把模块化文件引入

    这些文件包括自己创建的

state.js 存储基本数据

mutationTypes.js  方法名
mutation.JS  数据的处理逻辑

getters.js 数据的获取逻辑
action.js 数据的异步(多步)处理,也就是一个function操作多个mutation的方法,

export const function abc({state,commit},{list,arr}){
............
}

1, 新建一个mutationTypes.js文件存储mutation方法,如
export const ADD_TITLE = "ADD_TITLE"

2, 进行mutation操作,就是处理数据的逻辑,也是新建一个 mutation.JS文件,如

export const mutation ={
   
    [ADD_TITLE](state, arr){
        
    state.title.push(arr)

}

}

3, 接下来你就可以通过

import {mapMutation} from vueX

在methods中
...mapMutation([

addtitle : "ADD_TITLE"

]),

this.addtitle(arr)

以此类推, 手机打字很累,赏个采纳吧
周六给你放图

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题