[vue-router] Duplicate named routes definition: { name: “XXX“, path: “XXX“ }

用户9184480

发布于 2024-12-13 14:48:33

15500

代码可运行

文章被收录于专栏：云计算linux

运行总次数：0

代码可运行

{
        path: '/cmn',
        component: Layout,
        redirect: '/cmn/list',
        name: '数据字典',
        meta: { title: '数据管理', icon: 'table' },
        alwaysShow: true,
        children: [{
            path: 'list',
            name: '数据字典列表',
            component: () => import('@/views/cmn/list'),
            meta: { title: '数据字典列表' }
        }]
    },

上述错误原因在于 name: '数据字典',这里和之前的定义name重复了。定义重复命名的路由。

言外之意就是，与之前命名过该路由名称的路由发生了冲突，所以Vue发出警告。

那为什么是警告？有部分开发人员又或是新手小白觉得，只要不是报bug，那我就不管了，不想浪费自己时间。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-02-18，如有侵权请联系 cloudcommunity@tencent.com 删除

path