标签：Vue 中传 json ids actions state 参数 vuex

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

标签：Vue,中传,json,ids,actions,state,参数,vuex
来源： https://www.cnblogs.com/hy999/p/vue-vuex-params.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。