vue.js - 无法在 Vuex 中的其他操作中反跳操作

Question

我试图消除动作中的任何东西，它以一种或另一种方式被吞没......

采取这个（伪）代码：

import { debounce } from "lodash";

const actions = {
  debounceSomeLogging ({ dispatch }, text) {
    console.log("Outside debounced function.");
    debounce(function() {
      console.log("Inside debounced function.");
      dispatch("doRealThing");
    }, 1000);
  },

  doRealThing({ commit }) {
    // Whatever
  }
}

当我调用该操作时，我看到了Outside debounced function，但我看不到其他日志记录并且其他操作没有被触发。

任何人都有这方面的经验，可以指出我正确的方向吗？

Answer 1

这应该定义工作

import { debounce } from "lodash";

const actions = {
  debounceSomeLogging: debounce(({ dispatch }, text) => {
    console.log("Inside debounced function.");
    dispatch("doRealThing");
  }, 1000),

  doRealThing({ commit }) {
    // Whatever
  }
}

Answer 2

正如nemesv在评论中指出的那样，该debounce函数不调用内部函数。因此，您需要再次调用 debounce，如下所示：

debounce(function() {
  console.log("Inside debounced function.");
  dispatch("doRealThing");
}, 1000)();

所以，简而言之，它应该是这样的：

debounce(...)()而不是这样 debounce(...)。