iview-admin三级菜单之间切换页面无法缓存

迷南。 2022-11-21 01:09 135阅读 0赞

# 前言 #

今天在使用iview-admin开发三级菜单的时候发现三级菜单之间切换页面无法缓存，于是去github上查看源码发现作者修复了相关的bug

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDExMTg2NA_size_16_color_FFFFFF_t_70_pic_center]

# 解决方案 #

将src\\components\\parent-view\\parent-view.vue代码修改为：

<template>
      <keep-alive :include="cacheList" :exclude="notCacheName">
        <router-view ref="child"/>
      </keep-alive>
    </template>
    <script>
    export default {
      name: 'ParentView',
      computed: {
        tagNavList () {
          return this.$store.state.app.tagNavList
        },
        notCacheName () {
          return [(this.$route.meta && this.$route.meta.notCache) ? this.$route.name : '']
        },
        cacheList () {
          return ['ParentView', ...this.tagNavList.length ? this.tagNavList.filter(item => !(item.meta && item.meta.notCache)).map(item => item.name) : []]
        }
      }
    }
    </script>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDExMTg2NA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/5ff40284ad4b4ab8be9bf72ba6dc5c53.png

发表评论取消回复

表情：

评论列表（有 0 条评论，135人围观）

还没有评论，来说两句吧...

相关阅读

相关 echarts图表切换数据时页面无法切换

我的效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

ゝ一纸荒年。/ 2022年12月05日 05:15/ 0 赞/ 452 阅读

相关 iview-admin三级菜单之间切换页面无法缓存

前言今天在使用iview-admin开发三级菜单的时候发现三级菜单之间切换页面无法缓存，于是去github上查看源码发现作者修复了相关的bug ![在这里插入图片描述

迷南。/ 2022年11月21日 01:09/ 0 赞/ 136 阅读

相关三级缓存

相关阅读 [Android DiskLruCache完全解析，硬盘缓存的最佳方案][Android DiskLruCache] [Android DiskLruCach

拼搏现实的明天。/ 2022年07月14日 03:27/ 0 赞/ 194 阅读

相关三级菜单实现

city_menu={ '上海':{ '浦东':{ '陆家嘴':{ 'CICC':{}, '高盛':{}, '摩根':{}, }, '外滩':{}, }, '闵行':{

心已赠人/ 2022年05月21日 05:16/ 0 赞/ 217 阅读

相关 Python实现三级菜单

需求：可依次选择进入各子菜单可从任意一层往回退到上一层可从任意一层退出程序所需新知识点：列表、字

àì夳堔傛蜴生んèń/ 2022年05月20日 00:26/ 0 赞/ 230 阅读

相关 python 三级菜单

可依次选择进入各子菜单可从任意一层往回退到上一层可从任意一层退出程序所需新知识点：列表、字典自己想的，菜鸟版的 !/usr/

分手后的思念是犯贱/ 2022年05月18日 06:54/ 0 赞/ 251 阅读

相关 layui三级菜单渲染

> 项目做完了，可以有时间写写博客了。今天给大家讲解一下layui的三级动态加载菜单含后端代码。我是最近刚学的layui，非常感谢贤心大神。开发出这么牛逼ui的框

痛定思痛。/ 2022年03月08日 06:40/ 0 赞/ 645 阅读

相关 layui三级导航菜单

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta n

你的名字/ 2022年02月28日 08:36/ 0 赞/ 327 阅读

相关 EasyUI页面缓存三级地址联动例程

前台页面地址三级联动处理方式有很多，可以使用异步加载处理（参考https://blog.csdn.net/qixiang\_chen/article/details/85214

﹏ヽ暗。殇╰゛Y/ 2022年02月26日 13:49/ 0 赞/ 258 阅读

相关 jQuery实现三级菜单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

川长思鸟来/ 2022年01月27日 05:45/ 0 赞/ 314 阅读