vue+elementui navmenu，监听子路由变化复用组件的问题

沈思齐

于 2022-05-08 06:08:20 发布

阅读量647

点赞数

分类专栏： elementui Vue2 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/weixin_62395055/article/details/124642846

版权

本文通过代码示例展示了使用ElementUI的navmenu配合Vue.js路由时，如何处理4个子路由共用同一组件的情况。在尝试使用keep-alive的activated和deactivated生命周期钩子以及全局路由守卫未果后，作者找到了一种在路由变化时发送请求并重新渲染组件的方法。

摘要由CSDN通过智能技术生成

话不多说，看代码，用 elementui navmenu来配路由，但是4个子路由是同一个组件

{
        path: "/alo",
        name: "Alo",
        component: () =>
            import ("../views/Alo.vue"),
        children: [{
                path: "/1",
                component: () =>
                    import ( /* webpackChunkName: "about" */ "../views/Alo.vue"),
            },
            {
                path: "/2",
                component: () =>
                    import ( /* webpackChunkName: "about" */ "../views/Alo.vue"),
            },
            {
                path: "/3",
                component: () =>
                    import ( /* webpackChunkName: "about" */ "../views/Alo.vue"),
            },
            {
                path: "/4",
                component: () =>
                    import ( /* webpa

最低0.47元/天解锁文章

沈思齐

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue+elementui navmenu，监听子路由变化复用组件的问题

话不多说，看代码，用 elementui navmenu来配路由，但是4个子路由是同一个组件{ path: "/alo", name: "Alo", component: () => import ("../views/Alo.vue"), children: [{ path: "/1", component: () =>
复制链接

扫一扫

专栏目录