新增编辑共用一个页面 , 且编辑传ID新增不穿 , 但是这样新增页面会没有缓存 , 如何解决

首先我的后台使用的是花裤衩的demo , gitee上面有代码,这是demo https://gitee.com/panjiachen/vue-element-admin?_from=gitee_search

当我新增跟编辑的时候共用一个页面 , 但是新增没有缓存了 , 点击新增缓存页面的时候会自动跳转到首页

这个时候我新添加了一个路由

       // 新添加的
      {
        path: 'addnewCommodity',
        name: 'addNewCommodity',
        component: () => import('@/views/commodity/commodity'),
        meta: { title: `新增商品`, roles: ['0'] },
        hidden: true
      },
      {
        path: 'newCommodity/:id',
        name: 'NewCommodity',
        component: () => import('@/views/commodity/commodity'),
        meta: { title: `编辑商品`, roles: ['0'] },
        hidden: true
      },

 添加完之后 , 

 可以正常点击了 , 但是还是没有缓存 , 这是什么原因呢

因为缓存用的是页面的name作为缓存依据的

 所以更改一下就好了

这样就可以正常使用了