vue-element-adminメニューラベルが無効になる解決方法

メニュールーティングを設定する場合、コードは以下の通りです。

 {
  path: '/materieluse',
  component: Layout,
  meta: {
   title: '    ',
   icon: 'component'
  },
  children: [{
   path: 'materielList',
   component: () => import('@/views/materieluse/materielList'),
   name: 'icons',
   meta: { title: '    ' }
  }, {
   path: 'itemDbList',
   component: () => import('@/views/materieluse/itemDbList'),
   name: 'icons',
   meta: { title: '    ' }
  }]
 },

パネルの対応ラベルが失効しました。資料を調べたら、name:「router-name」ルートの名前を設定してください。必ず書かないと、「keep-alive」を使う時にいろいろな問題が発生します。同時にnoCache:true設定も無効になります。
したがって、正しいコードは以下の通りです。

 {
  path: '/materieluse',
  component: Layout,
  meta: {
   title: '    ',
   icon: 'component'
  },
  children: [{
   path: 'materielList',
   component: () => import('@/views/materieluse/materielList'),
   name: 'materielList',
   meta: { title: '    ' }
  }, {
   path: 'itemDbList',
   component: () => import('@/views/materieluse/itemDbList'),
   name: 'itemDbList',
   meta: { title: '    ' }
  }]
 },

以上のこのvue-element-adminメニューのラベルが無効になった解決方法は小編集が皆さんに提供した内容の全部です。参考にしてもらいたいです。どうぞよろしくお願いします。