在vue-router中嵌套类似的路由不会渲染深层组件

Question

我有一个组件，可从路线的子级呈现按钮列表。

<template>
    <div v-if="childrenRoute.length" class="buttons">
       // render buttons
    </div>
    <transition v-else name="fade" :name="transitionName" mode="out-in">
        <router-view></router-view>
    </transition>
</template>

URL更改时，它不会呈现匹配路由的组件，而是更新相同的组件。

/clients/:id

/clients/:id/second-level

/clients/:id/second-level/third-level

但是当我重新加载页面时，它可以正确呈现。

有什么想法吗？