在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要方便很多,还能直接修改数据