Javascript Vue 3上的路由器视图不'；不要从孩子那里捕捉事件

我刚刚检查了路由器视图（在VUE3中）是否未捕获从子节点发送的事件。例如：

  <router-view
    @event-test="$emit('new-test-event')"
  />

---

在这里，我的孩子发送了

事件测试

，但是

路由器视图

从未捕捉到它，因此

新的测试事件

从未发出。

我刚刚发现这个警告：

[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>.
Use slot props instead:

<router-view v-slot="{ Component }">
  <transition>
    <component :is="Component" />
  </transition>
</router-view>

[Vue路由器警告]：不能再直接在内部或外部使用。
使用槽道具代替：

因此，答案是：

  <router-view v-slot="{ Component }">
      <component :is="Component" @event-test="$emit('new-test-event')"/>
  </router-view>