如果你使用Vue，你可能知道dispatch是一个非常好用的函数，可以向父组件派发事件。然而，有时候你会发现调用dispatch的方法似乎没有任何效果。接下来就让我们探究这个问题。

//这是父组件中注册事件的代码
mounted() {
this.$on('testEvent', this.handleEvent)
},
methods: {
handleEvent(data) {
console.log(data)
}
}
//这是子组件中调用dispatch的代码
methods: {
testDispatch() {
this.$parent.$emit('testEvent', 'Hello World!')
}
}

上面的代码看起来非常正常。然而，有时候你会发现handleEvent并没有被触发，也没有输出任何日志。这是为什么呢？

要想解决这个问题，首先需要排除掉代码逻辑错误。我们可以在handleEvent函数中加入一个console.log，查看这个函数是否能被调用。如果handleEvent能够正确调用，那么我们就可以确定代码逻辑没有问题。此时我们可以考虑下面的问题：

1.注册事件的时机

//改成这样试试
created() {
this.$on('testEvent', this.handleEvent)
},

2.事件名是否正确

//改成这样试试
mounted() {
this.$on('test-event', this.handleEvent)
},

3.子组件的引用是否正确

//改成这样试试
mounted() {
this.parent = this.$parent
},
methods: {
testDispatch() {
this.parent.$emit('testEvent', 'Hello World!')
}
}

通过以上的排查，我们可以发现我们只需要调整代码中的逻辑错误便可解决无效的dispatch问题。在使用dispatch的时候，我们要时刻清楚事件的注册和触发顺序，以及事件名的正确使用。经过这些小调整之后，你应该就能够成功地使用dispatch了。