vuex-存储信息

有2个页面a,b
b页面需要拿到 a页面 通过ajax 获取的list
a.vue:

ajax 获取之后:
this.$store.commit("monitorMutation", this.monitorList);

store.js

import Vuex from "vuex";
import Vue from "vue";
Vue.use(Vuex);
const abc= {
  state: {
    monitorList: [],
    collectionList: []
  },
  actions: {},
  mutations: {
    monitorMutation(state, payload) {
      state.monitorList = payload;
      console.log(state.monitorList, "2222");
    },
    collectionMutation(state, payload) {
      state.collectionList = payload;
    }
  }
};

export default abc;

b.vue

<el-form-item label="abcd" :label-width="formLabelWidth" prop="destination_group_id">
            <el-select v-model="subscribeForm.destination_group_id">
              <el-option
                v-for="(value, key) in collectionList"
                :key="key"
                :label="value.name"
                :value="value.id"
              ></el-option>
            </el-select>
</el-form-item>
import { mapState, mapActions } from "vuex";
  computed: {
    ...mapState({
      collectionList: (state) => state.telemetry.collectionList,
      monitorList: (state) => state.telemetry.monitorList,
    }),
  },

这样 在 下拉框中 就能拿到 从a页面存储的值了.