VUE3设置菜单进行子路由跳转，使页面在指定路由标签中加载

叶落_无秋

已于 2023-03-17 15:05:04 修改

阅读量1.3k

点赞数

分类专栏： VUE 文章标签：前端 vue.js javascript

于 2022-11-03 11:08:43 首次发布

本文链接：https://blog.csdn.net/Amiel_Tian/article/details/127666375

版权

VUE 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

问题说明

登录与主页已经配置到路由中，通过app.vue中的<router-view></router-view>跳转。主页中使用菜单进行路由跳转时会更新整个页面

解决方法

主页中添加<router-view></router-view>标签，声明name属性

<router-view name="index"></router-view>

声明子路由时使用components,声明跳转到哪一个<router-view name="index"></router-view>

{
        name: 'renwushu/index',
        path: '/renwushu/index',
        meta: { title: '返回', icon: '' },
        components: {
        	 //index为声明的router-view的name
            index: () =>
                import ('@/views/model/renwushu/index')
        }
    }