vue - 动态导航栏

intro

• 需求

路由到不同页面根据需求加载不同导航（显示其他或不显示）

实现

主页头部

      

        
          
        
        {{ title }}
        

      

插槽组件

// LayoutNavBar.vue

use

• 路由部分页面根据需要在插槽部分编辑内容

notice

空白导航(隐藏)

不需要动态导航的页面需要引入空插槽重置为空导航内容

// xxx.vue
  

    
    ......
  

省略

和上级路由保持一致的页面可以省略导航插槽