javascript - Vue 路由器 - 从子级发送到父级

Question

我正在开发一个 VueJS 组件，它会在子组件达到特定状态时切换它。父组件是一个 VueJS 路由器页面。我看到应该将侦听器放在router-view组件中，但它不起作用。我不确定我做错了什么。

子组件（发出的部分）：

if(this.currentQuestion == this.questionList.length) {
        console.log('will emit');
        this.$emit('on-quiz-finished');
      }

应用程序.vue

<router-view @on-quiz-finished="quizFinished" />

父组件

quizFinished: function() {
  console.log('it entered');
  this.isQuizFinished = true;
}

我不确定我做错了什么。请指教。谢谢！

标签： javascriptvue.jsvue-routervuejs3