网上有很多种方法,刚开始看的时候都感觉莫名奇妙。不知道他们说啥,理解能力有限,我梳理了一下。
这里我介绍的主要是两种缓存某个页面的方法fang
方法一(页面只刷新一次,任何页面跳转到这个页面都不刷新)
直接在你的router-view 标签外面包一个keep-alive 加include="组件名称"
<keep-alive include="FileList">
<router-view></router-view>
</keep-alive>
这时候匹配到的组件就会值加在一次。这个就比较简单,但能使用性不广。
方法二(keep-alive与vue-router配合使用)
配置路由的时候需要加 keepAlive: true 参数 (我把代码完整贴出来,有点长)
import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/Login/Login'
import Regist from '@/components/Login/Regist'
import P404 from '@/components/404/404'
import Loading from '@/components/404/Loading'
import Main from '@/components/Main'
import User from '@/components/Basic/User' //用户
import Role from '@/components/Basic/Role' //角色
import Department from '@/components/Basic/Department' //部门
import RPermissions from '@/components/Basic/RPermissions' //角色权限设置
import DPermissions from '@/components/Basic/DPermissions' //部门权限设置
import RoleList from '@/components/Basic/RoleList' //角色成员列表
import DeparmentList from '@/components/Basic/DeparmentList' //部门成员列表
import LogLogin from '@/components/Basi