Vue入坑之路多級嵌套路由children不顯示問題


三層路由嵌套時,第三層路由不渲染問題。

解決辦法:第三層路由不顯示,需要在第二層路由上添加<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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM