在Vue中使用vuex actions中傳多個參數

我們在使用vuex actions中傳參數,只能傳一個參數,穿第二個參數就會自動匹配options字段,那么有什么好的辦法傳多個參數呢?

第一種方法,直接寫json,在store里面解析json數據,這個方法比較復雜

第二種,直接使用vuex存儲數據,使用步驟仍然是復雜,不推薦使用

第三種,推薦使用,如下:

//傳參頁面
class ids{
  classId=5;
  valueId=1;
}

store.dispatch('update',new ids());

接收參數頁面

const store=createStore({
    state () {
        return {
            Info:{
                a:"test",
                b:"測試",
                c:"測試vuex內容",
            }
        }
    },
    mutations: {
        change (state,ids) {
            state.Info={
                a: ids.classId,
                b: ids.valueId,
                c: "成功了!"
            }
        }
    },
    actions:{
        update ({commit},ids){
            commit("change",ids)
        }
    }
});

這樣就可以傳多個參數了,比寫json要方便很多,還能直接修改數據