vuex的actions里接口请求返回的数据怎么进行二次修改给组件使用?

在actions的方法有个接口请求。返回的数据格式可能需要前端处理,比如返回{name:2232}
但是我需要处理成:[{name:2232}]

从vuex请求数据到数据处理,再到应用到组件里。
这之间的处理过程的方式是怎么做的?

是在then回调里面处理[{name:2232}]完了后,在commit使用mutations的方法设置属性吗?那么组件里怎么把vuex里处理完的[{name:2232}]拿来用啊?

不是很懂,,谁可以详细说下?

阅读 4.5k
2 个回答

action中异步数据commit到mutation去操作 至于组件中怎么拿来用那 我觉得你应该先了解下getters

export default {
  namespaced: true,
  state: {
    map: {
      arr: []
    }
  },
  mutations: {
    setMap(state, arr) {
      state.map.arr = arr;
    }
  },
  actions: {
    fetchArr() {
      axios()
        .then((res) => commit("setMap", res.data))
        .catch(err => console.log(err));
    }
  }
}

你直接用state里的那个arr就可以了,不知道老哥能不能看懂

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