VUEX中Actions中获取State的值
Soya / 2020-06-19 / 默认分类 / 阅读量 9455

在使用VUEX的进行异步操作的时候有时候需要取到state中定义的属性

在actions中方法中的参数可以添加rootState获取到state中的属性

import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export default new Vuex.Store({
  state: {
    popGoodList: [],
    filterCategory:[]
  },
  mutations: {},
  actions: {
    // 异步请求数据
    AsyncChangePopGoodList({commit,rootState},payload){
      goodsList({
        keyword:payload.keyword,
        categoryId:payload.categoryId,
        order:payload.order,
        sort:payload.sort
      }).then(res=>{
        rootState.popGoodList = res.data.goodsList
        rootState.filterCategory = res.data.filterCategory
      })
    }
  },
  modules: {},
});