在vue.js中为每个子路由使用v-if

我想为路线的每个子路线显示一个特定的div 因此，我认为简单地添加类似的内容就可以了，但它没有：

<div v-if="$route.path == '/news/:child'">
</div>

因此，嵌套在/news/下的任何路由仍然不会显示

---

如何为

/news

路由的每个子路由显示该div？

因此，如果我设置

v-if=“$route.path.includes（'/news/'）””

，实际上这将起作用，因此div仅显示在子路由中（而不是在父路由中）

使用：

const路由=[
{
路径：'/news'，
组件：新闻组件，
儿童：[
{
路径：':child'，
组件：ChildComponent
}
}
}
]
//新闻组件
我的新闻部分
//子组件
我的孩子组件
$route.path.includes（'/news'），然后检查是否等于
/news
@ReeceWard，但如果我没有错，您的解决方案也会为父路由显示该div？我只希望该div用于嵌套路由。
const routes = [
 {
   path: '/news',
   component: NewsComponent,
   children: [
     {
       path: ':child',
       component: ChildComponent
     }
   }
 }
]

// NewsComponent
<template>
  <div>
    My News Component
    <router-view />
  </div>
</template>

// ChildComponent
<template>
  <div>
    My Child Component
  </div
</template>

  <div>
    My News Component
    <div>
      My Child Component
    </div
  </div>