vue列表进入详情页面时，详情页会显示列表页加上详情页的内容。

Question

路由： 新闻页下面嵌套着一个新闻详情页

{  path: '/news',  name: 'news',  component: news,  meta: {    title: '最新资讯'
  },  children: [  //这里就是二级路由的配置
      {        path: '/news/newsDetail',        name: 'newsDetail',        component: newsDetail,        meta: {          title: '9最新资讯详情'
        }      
      }
    ]
},

组件的内容
<router-link class="item" :to="{path:'/news/newsDetail'}" v-for='(item, index) in news.con' :key='index'> 
</router-link>

<router-view></router-view>

因为我想实现新闻详情页的导航有高亮效果，现在可以进入详情页，发现详情页内页包含着列表页的内容

Answer 1

你这路由嵌套写法就是展现出来问题的情况，如果不想出现这种情况，可以不用嵌套路由就解决了，对于路由这一块可以多看下文档，文档里都已经写清楚了。