鍍金池/ 問答/HTML/ vuex獲取接口數(shù)據(jù)問題

vuex獲取接口數(shù)據(jù)問題

問題是這樣的，我想將接口中的數(shù)據(jù)，保存到vuex狀態(tài)圖片描述中去，如下面的截圖

根據(jù)下拉，的數(shù)字進(jìn)行接口數(shù)據(jù)的渲染，現(xiàn)在是這樣的，假設(shè)用戶下拉了數(shù)字，那么，在頁面中，會出現(xiàn) 5條數(shù)據(jù)，有什么方式，把這N條數(shù)據(jù)，保存到vuex中呢?
下面是vuex相關(guān)代碼
store.js
const state={
times:[],//存儲當(dāng)前數(shù)據(jù)行為
timetoggle:[],//切換時(shí)的狀態(tài)
information:[],//下拉產(chǎn)生的數(shù)據(jù)并保存在這
informatlen:1,//下拉出現(xiàn)元素的個(gè)數(shù)
inforBool:false,//如果用戶未進(jìn)行刷新操作時(shí)，就根據(jù)informatlen出來的長度和它的位置，進(jìn)行處理
inforColor:'',//如果向上就給如黑色，表示正在向上一頁，
}
export default state

將獲取到的數(shù)據(jù)，保存到information這個(gè)數(shù)組中去，然后顯示在第2個(gè)頁面中，如下的截圖
圖片描述

獲取到之后，會對prev(向上一頁)和(向下一頁)進(jìn)行查看相應(yīng)數(shù)據(jù)的顯示
，麻煩各位了，在此謝謝了！

回答
編輯回答
咕嚕嚕

https://vuex.vuejs.org/zh-cn/

2018年8月23日 17:05
編輯回答
我甘愿

vueX中的state放你的基本數(shù)據(jù)是對的，然后
0，最基礎(chǔ)的是把模塊化文件引入

    這些文件包括自己創(chuàng)建的

state.js 存儲基本數(shù)據(jù)

mutationTypes.js  方法名
mutation.JS  數(shù)據(jù)的處理邏輯

getters.js 數(shù)據(jù)的獲取邏輯
action.js 數(shù)據(jù)的異步(多步)處理，也就是一個(gè)function操作多個(gè)mutation的方法，
如
export const function abc({state,commit},{list,arr}){
............
}

1, 新建一個(gè)mutationTypes.js文件存儲mutation方法，如
export const ADD_TITLE = "ADD_TITLE"

2, 進(jìn)行mutation操作，就是處理數(shù)據(jù)的邏輯，也是新建一個(gè) 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)

以此類推， 手機(jī)打字很累，賞個(gè)采納吧
周六給你放圖

2017年9月18日 04:58