三層路由嵌套時,第三層路由不渲染問題。
解決辦法:第三層路由不顯示,需要在第二層路由上添加<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>