Bootstrap

VUE 返回上一页 不刷新页面

网上有很多种方法,刚开始看的时候都感觉莫名奇妙。不知道他们说啥,理解能力有限,我梳理了一下。

这里我介绍的主要是两种缓存某个页面的方法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
;