• vuex的mutations如何传多个传参?


    1、不传参时的写法(官网例子):

    const store = new Vuex.Store({
      state: {
        count: 1
      },
      mutations: {
        increment (state) {
          // mutate state
          state.count++
        }
      }
    })
    store.commit('increment')

    2、传一个参数的写法(官网例子):

    // ...
    mutations: {
      increment (state, n) {
        state.count += n
      }
    }
    store.commit('increment', 10)

    3、传多个参数的写法:

      此时参数不能继续在后面加,后面的参数无效,传进去的参数为undefined;

      官网的解释:In most cases, the payload should be an object so that it can contain multiple fields, and the recorded mutation will also be more descriptive;

      所以,我们可以将参数以对象的方式传进去,多个属性就是多个参数了。

    // ...
    mutations: {
      increment (state, payload) {
        state.count += payload.amount1;
    state.count += payload.amount2;
    state.count += payload.amount3;
    state.count += payload.amount4;
    } }
    store.commit('increment', {
      amount1: 10,
      amount2: 20,
      amount3: 30,
      amount4: 40,
    }
  • 相关阅读:
    swagger接口文档生成扩展
    laykefu 在线客服php代码
    常用使用工具
    指定ip访问网址
    浏览器跨域cookie问题
    查看php-fpm 或者nginx运行的用户
    nginx、Apache重写规则
    使用SnowFlake算法生成唯一ID
    关于分布式系统的数据一致性问题
    coreseek使用
  • 原文地址:https://www.cnblogs.com/yang-shun/p/10362045.html
Copyright © 2020-2023  润新知