为什么vuex的actions传的第二个参数是undefined？

Question

actions.js:

export const fetchRoomLists = ({commit}, cname, limit) => {
  const url = `/live/${cname}`
  const query = `offset=0&limit=${limit}`
  return _get({ url, query }, commit)
    .then((json) => {
      if (json.error === 0) {
        // return commit('FETCH_ROOM_LIST_SUCCESS', json.data)
        console.log(query)
      }
      return Promise.reject(new Error('FETCH_ROOM_LIST_SUCCESS failure'))
    })
    .catch((error) => {
      return Promise.reject(error)
    })

在vue文件的dispatch：

mounted () {
  this.$store.dispatch('fetchRoomLists', this.$route.params.id, 30)
},

console出来是这样的：

有谁知道是什么问题么？搞半天没搞懂？明明定义了，但是第二个参数一直是undefined，但是一个参数又不会~

Answer 1

//template
<el-button type="text" @click="checkDialog('goodsBox','商品列表')">商品box</el-button>

//methods
checkDialog:function(components,title){
  var obj ={};
//为了避免action传多个参数会undefined的情况，把所有变量装到一个对象里传过去
  obj.components= components;
  obj.title = title;
  store.commit("openDialog",obj);
}

//vuex
openDialog:function(state,obj){
   state.dialog.visible = !state.dialog.visible;
   state.dialog.title =obj.title;
   state.dialog.current = obj.components;
}

Answer 2

看样子你用的是vue2，那么问题来了，从源码看(当然从api文档看也一样)，dispatch最多就只接受两个参数，type和payload，所以你说你传的, 30总是undefined对吧？那就对了，

源码地址：vuex

文档地址：vuexstore-methods

Answer 3

this.$store.commit(xxxx , {aaa: 'aaa', bbb: 'bbb'})

const mutations = {
    [xxxx] (state, {aaa, bbb}) {
        console.log(aaa, bbb)
    }
}

Answer 4

代码貌似没有贴全，不知道你的action有没有在vuex中注册，然后是调用action派发mutation，然后在那个调用action的函数中打印一下$route看看是不是组件生命周期的问题

Answer 5

this.$store.dispatch('fetchRoomLists',[this.$route.params.id, 30]);