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

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网址| 精品国产乱码一区二区三区| 日韩专区欧美二区国产| 做性视频大全在线观看| 久久偷拍一区二区三区| 欧美成人精品三级在线网站| 日本欧美三级一二三区| 日本一区二区中文字幕视频| 天天操夜夜操白天操晚上操| 国产男女在线视频观看| 国产传媒欧美日韩成人精品| 亚洲精品国产精品成人 | 婷婷丁香六月激情综合| 清纯唯美校园春色亚洲激情| 欧美成人精品在线观看| 久久麻豆精亚洲av品国产一区| 福利av一区二区三区| 日本成人午夜福利电影| 可以直接看内射的视频| 亚洲精品中文字幕乱码三区91| 成人午夜三级在线观看| 亚洲综合成人av在线| 日韩欧美国产精品专区| 欧美日韩激情在线不卡三区| 国产精品一区二区三区久久| 精品人妻一区二区三区在线av| 国产精品网站在线观看| 中文日韩av在线免费播放| 精品国产18禁99久久久久久| 在线观看不卡的黄色地址 | 国产一边打电话一边操| av在线高清免费观看| 日本久久久精品福利视频| 日韩精品色av一区二区| 麻豆视频国产一区二区| 久久精品性少妇一区=区三区| 国产在线视频不卡福利片| 欧美一区二区男人天堂| 熟妇人妻精品一区二区|