三层路由嵌套时,第三层路由不渲染问题。
解决办法:第三层路由不显示,需要在第二层路由上添加<router-view></router-view>进行占位
children在父组件中需要占位
<template> <div> <h2>Home</h2> <ul class="nav nav-tabs"> <li><router-link to="/home/news">News</router-link></li> <li><router-link to="/home/message">Message</router-link></li> </ul> <router-view></router-view> <!-- Home的子路由不显示,在Home中添加标签占位 --> </div> </template>