RouterView 相关笔记

最新推荐文章于 2024-06-13 23:47:14 发布

HaoFeng990705

最新推荐文章于 2024-06-13 23:47:14 发布

阅读量49

点赞数

分类专栏： MasterVue 文章标签： vue.js

本文链接：https://blog.csdn.net/OJNBO_1/article/details/129484392

版权

MasterVue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

可以通过路由配置中的 meta 实现自定义样式:

<router-view #default="{ route, Component }">
    <div :class="route.meta?.class">
      <!-- {{ route.meta.class }} 通过 meta 自定义样式 -->
        <component :is="Component" />
    </div>
</router-view>

命名视图:

<!-- <Navigation class="navigation" /> -->

  <!-- TODO:命名视图 -->
<RouterView name="navigation" #default="{ route, Component }">
    <component :is="Component ?? Navigation"></component>
</RouterView>