vue-element-admin 菜單標(biāo)簽失效的解決方式
更新時(shí)間：2019年11月12日 10:21:25 作者：qq_39704803
今天小編就為大家分享一篇vue-element-admin 菜單標(biāo)簽失效的解決方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
設(shè)置菜單路由時(shí)，代碼如下：
{
path: '/materieluse',
component: Layout,
meta: {
title: '倉(cāng)庫(kù)管理',
icon: 'component'
},
children: [{
path: 'materielList',
component: () => import('@/views/materieluse/materielList'),
name: 'icons',
meta: { title: '請(qǐng)料管理' }
}, {
path: 'itemDbList',
component: () => import('@/views/materieluse/itemDbList'),
name: 'icons',
meta: { title: '項(xiàng)目倉(cāng)庫(kù)' }
}]
},
面板中的對(duì)應(yīng)標(biāo)簽失效，經(jīng)查資料，得知：name: "router-name"; //設(shè)定路由的名字，一定要填寫(xiě)不然使用<keep-alive>時(shí)會(huì)出現(xiàn)各種問(wèn)題,同時(shí)noCache: true 設(shè)置了也會(huì)失效
因此正確代碼如下：
{
path: '/materieluse',
component: Layout,
meta: {
title: '倉(cāng)庫(kù)管理',
icon: 'component'
},
children: [{
path: 'materielList',
component: () => import('@/views/materieluse/materielList'),
name: 'materielList',
meta: { title: '請(qǐng)料管理' }
}, {
path: 'itemDbList',
component: () => import('@/views/materieluse/itemDbList'),
name: 'itemDbList',
meta: { title: '項(xiàng)目倉(cāng)庫(kù)' }
}]
},
以上這篇vue-element-admin 菜單標(biāo)簽失效的解決方式就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
大家都知道當(dāng)使用時(shí)才裝入需要的組件，可以有效的提高首次裝入頁(yè)面的速度。比如在路由切換時(shí)，下面這篇文章主要給大家介紹了關(guān)于如何實(shí)現(xiàn)一個(gè)簡(jiǎn)單的Vue異步組件的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。2017-12-12
vue項(xiàng)目嵌套iframe實(shí)現(xiàn)發(fā)送、接收數(shù)據(jù)
這篇文章主要介紹了vue項(xiàng)目嵌套iframe實(shí)現(xiàn)發(fā)送、接收數(shù)據(jù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
對(duì)于Vue項(xiàng)目來(lái)說(shuō)，如果遇到一個(gè)埋點(diǎn)的需求，我們最好的解決方案就是封裝一個(gè)指令，所以本文就來(lái)和大家詳細(xì)講講具體是如何封裝埋點(diǎn)指令的吧2023-08-08
vue中的addEventListener和removeEventListener用法說(shuō)明
這篇文章主要介紹了vue中的addEventListener和removeEventListener用法說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
在Vue 3中,Provide和Inject是一對(duì)用于組件間數(shù)據(jù)傳遞的API,通常用于父組件向其子組件傳遞數(shù)據(jù),但并不通過(guò)props的方式,本文將深入探討Provide和Inject的工作原理,并通過(guò)示例代碼幫助你理解如何在你的Vue應(yīng)用中使用它們,需要的朋友可以參考下2025-02-02
這篇文章主要介紹了vue2.0移除或更改的一些東西，vue2.0 移除了index和key，具體內(nèi)容詳情大家參考下本文2017-08-08
Vue單文件組件開(kāi)發(fā)實(shí)現(xiàn)過(guò)程詳解
這篇文章主要介紹了Vue單文件組件開(kāi)發(fā)實(shí)現(xiàn)過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
Vue插槽slot詳細(xì)介紹(對(duì)比版本變化,避免踩坑)
Vue中的Slot對(duì)于編寫(xiě)可復(fù)用可擴(kuò)展的組件是再合適不過(guò)了,下面這篇文章主要給大家介紹了關(guān)于Vue插槽slot詳細(xì)介紹的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
Ant Design Vue如何生成動(dòng)態(tài)菜單a-menu
這篇文章主要介紹了Ant Design Vue如何生成動(dòng)態(tài)菜單a-menu問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
ue-bus 提供了一個(gè)全局事件中心，并將其注入每一個(gè)組件，你可以像使用內(nèi)置事件流一樣方便的使用全局事件。這篇文章給大家介紹了vue bus全局事件中心簡(jiǎn)單Demo，需要的朋友參考下吧2018-02-02