欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

keep-alive不能緩存多層級路由菜單問題解決

這出現(xiàn)的原因是多級路由導(dǎo)致的,就是router-view嵌套 在層級不同的router-view中切換tag會出現(xiàn)緩存數(shù)據(jù)失效的問題。目前keep-alive可以有效緩存一級,二級的路由菜單,3級以上菜單并不能做到緩存,這里提供一個解決方案:

十載的安徽網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整安徽建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“安徽網(wǎng)站設(shè)計”,“安徽網(wǎng)站推廣”以來,每個客戶項目都認(rèn)真落實執(zhí)行。

在cachedViews中手動加上一級菜單和三級菜單之間,缺失的二級菜單的名字,這樣二級菜單下的組件就會緩存了

實列代碼如下:

keep-alive不能緩存多層級路由菜單問題解決

const _import = require('@/router/_import_prodection');//獲取組件的方法
import {tree} from '@/utils/treeDate'
import Layout from '@/views/layout'
import EmptyTemplate from '@/views/layout/EmptyTemplate'

export function filterAsyncRouter(routerlist) {
  const routerlists=tree(routerlist )
  //獲取路由信息
  function getRouter(routerlists){
    routerlists.forEach(e => {
    // 刪除無用屬性
    delete e.catalogCode
    delete e.catalogOrder
    delete e.endpoints
    delete e.fullOrder
    
    // delete e.permName
    // delete e.id
    // delete e.parentId
    e.name=e.catalogName
    
    if (e.parentId === 0||e.children) {//Layout組件特殊處理
      //路徑為空時會因為undefind報錯,給個默認(rèn)值來解決
      e.path = e.url||'nopath'
      if(e.url.split('/').length>2){
      //處理多層級路的時候給了一個空模板
        e.component = EmptyTemplate
      }else{
        e.component = Layout
      }
      e.icon='setting-fill'
      
    } else {
      e.icon='circle'
      e.component = _import(e.url)
      //路徑為空時會因為undefind報錯,給個默認(rèn)值來解決
      e.path = e.url.split('/')[2]||'nopath'
    }
    // delete e.parentId
    delete e.url
    // if (e.redirect === '') {
    //  delete e.redirect
    // }
    
    if (e.icon !== '' && e.title !== '') { // 配置 菜單標(biāo)題 與 圖標(biāo)
      e.meta = {
        // title: e.catalogName 中文名稱
         // catalogEngName 英文名稱
        title: e.catalogEngName,
        titleZh:e.catalogName,
        icon: e.icon
      }
    }
    delete e.catalogName
    delete e.icon
    delete e.title
    // delete e.name//由于名字的存在導(dǎo)致named 錯誤 刪掉
    if (e.children != null) {
      // 存在子路由就遞歸
      getRouter(e.children)
    }
    })
    return routerlists
  }
  const getRouters=getRouter(routerlists)
    // return asyncRouterMap
    
  return getRouters
}

空模板的代碼如下:

<template>
<div>
  <app-main/>
</div>
</template>
<script>
import { AppMain} from './components'
export default {
  name:'EmptyTemplate',
  components:{AppMain}
  
}
</script>

tagsViewd.js關(guān)鍵代碼,在cachedViews中加入空模板的name

const state = {
 visitedViews: [],
 cachedViews: ['EmptyTemplate']
}

到此這篇關(guān)于keep-alive不能緩存多層級路由菜單問題解決的文章就介紹到這了,更多相關(guān)keep-alive不能多層緩存內(nèi)容請搜索創(chuàng)新互聯(lián)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持創(chuàng)新互聯(lián)!

分享文章:keep-alive不能緩存多層級路由菜單問題解決
分享路徑:http://aaarwkj.com/article12/gpgsgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化網(wǎng)站內(nèi)鏈、網(wǎng)頁設(shè)計公司營銷型網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站改版

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)
偷拍盗摄一区二区三区| 亚洲婷婷综合精品五月天| 天堂av在线一区二区三区| 中文欧美一区二区精品| 日韩高清在线不卡视频| 亚洲精品国产精品乱码不卞| 欧美日韩亚洲中文二区| 六十路人妻一区二区三区| 国产精品老熟女一区二区| 91久久国产香蕉熟女| 午夜高清影院免费观看| 久久久久久精品国产av| 日本一区二区高清网址| 日韩中文字幕视频久久| 亚洲一区二区三区日韩欧美| 亚洲美女高清一区二区三区| 亚洲中文字幕在线乱码| 在线免费观看日韩黄片| 午夜精品一区二区三区亚洲| 日韩在线一区中文字幕| 日本午夜节目在线观看| 久久最新视频中文字幕 | 四虎永久精品在线视频| 日韩激情中文字幕一区二区三区| 国产视频不卡一区二区| 蜜臀久久精品国产综合| 国产一区av麻豆免费观看| 一本久道久久综合狠狠老| 福利午夜福利在线观看| 麻豆国产97在线精品一区| 亚洲欧美国产日韩天堂区| 永久黄区观看在线网址| 国产高清成人小视频在线| 黄色日韩欧美在线观看| 高清区一区二区在线播放| 欧美日韩一区二区三区四区高清 | 99国产精品欲av麻豆在线观看| 婷婷激情综合亚洲五月色| 国产一区二区欧美精品| 激情小说婷婷亚洲综合| 成人精品午夜福利视频|