【问题标题】:vuex actions - unable to dispatch payload to a consequetive actions from one anothervuex 动作 - 无法将有效负载分派给彼此的后续动作
【发布时间】:2020-12-31 09:19:24
【问题描述】:

我试图在同一个 action.js 文件中从另一个动作调用一个动作。我已经将它们联系起来并实现了这一点,但问题是第一个操作必须将有效负载传递给第二个。

但是,当我传递有效负载时:

          store.dispatch('live-chat-queue/test', {
            input: 'test input'
        })

而不是在第二个动作中访问它:

    test(payload) {
    console.log('This does not work..', payload)
},

最终发生的事情是我返回了商店,而不是有效负载:

Console log

我已经查看了文档,但找不到答案为什么返回的是 store,而不是 payload 本身。

提前感谢您的帮助!

【问题讨论】:

  • 当您可以轻松地复制/粘贴代码时,为什么还要麻烦拍摄三张图片、裁剪、上传、浪费二氧化硅 :) 请阅读How to Ask
  • actions 接收 store 对象作为第一个参数,payload 作为第二个参数
  • @Serg,当使用 store.dispatch 调用时,第一个参数是有效负载,如果你传递第二个参数,那就是第一个参数的选项对象 - 或者从我所看到的情况来看.
  • @StevenStephonson 我不这么认为,我的意思是,我现在正在查看文档,上面写着 test(context, payload) {},这正是您在 console.log 中看到的内容。
  • @StevenStephonson 让我们在 2020 年底获得一些积分

标签: javascript vue.js vuejs2 vuex


【解决方案1】:

如文档所述,action 接收 store 对象作为第一个参数,payload 作为第二个参数:

test(context, payload) {
  console.log(payload) // works like expected
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-06-20
    • 1970-01-01
    • 1970-01-01
    • 2022-11-07
    • 2018-04-13
    • 2016-12-03
    • 2017-08-16
    相关资源
    最近更新 更多