vuex数据存储

472 阅读1分钟
let data = {
    application_type: this.$route.query.id,
    legal_name: this.oneList.legal_name,
    legal_idcard_no: this.oneList.legal_idcard_no,
    legal_mobile: this.oneList.legal_mobile,
    legal_email: this.oneList.legal_email,
    legal_card_deadline: this.oneList.legal_card_deadline,
    legal_sex: this.oneList.legal_sex,
    legal_nationality: this.oneList.legal_nationality,
    legal_occupation: this.oneList.legal_occupation,
}

//调用vuex:getformData1方法,将data数据存入
this.$store.commit("getformData1", data);//存第一页数据
this.$store.commit("getformData2", data);///存第二页数据
this.$store.commit("mergeformData");//调用方法合并 1 和 2

//vuex中写法:
export const store = new Vuex.Store({
    state: {
        //表单数据信息
        formData:{},
        formData1: {},
        formData2: {},
    },
    mutations: {
        //第一页数据存到vuex
        getformData1(state, data) {
            state.formData1 = data;
        },
        //第二页数据存到vuex
        getformData2(state, data) {
            state.formData2 = data;
        },
        //合并1,2对象
        mergeformData(state) {
            state.formData = Object.assign(state.formData1, state.formData2);
        },
    },
})

//通过方法存入vuex
this.$store.commit("getStoreId", this.$route.params.store_id)

//取
this.$store.state.store_id;