//在index.js中{path: '/SearchContent',name: 'SearchContent',component: SearchContent,meta: {keepAlive: false,//此组件不需要被缓存isBack:false }},{path: '/Shop',name: 'Shop',component: Shop,meta: {keepAlive: false, isBack:false//判断上一个页面}},//在searchContent中
beforeRouteEnter(to, from, next) {// 设置下一个路由的 metaif(from.name == 'Shop'){to.meta.isBack = true;to.meta.keepAlive = true;} // 让 A 缓存,即不刷新next();},components:{"app-brands":Brand},
//注意activated只能在keep-alive组件中调用activated() {if(!this.$route.meta.isBack){// 如果isBack是false,表明需要获取新数据,否则就不再请求,直接使用缓存的数据this.getData();this.getTree();}// 恢复成默认的false,避免isBack一直是true,导致下次无法获取数据this.$route.meta.isBack=false},
//在进入页面时调用接口请求数据,当数据请求完成,第二次进入页面时,就会执行activated函数mounted(){this.getData()this.getTree()},

vue 回退 不刷新 缓存问题 从A页跳到B页,缓存A页,当B再次返回A时,页面不刷新相关推荐

  1. 移动端网页返回主页功能php,移动端点击返回键,页面不刷新解决方案

    在移动端项目中遇到了点击浏览器返回键,页面不刷新的问题,通过研究学习,采用了以下的解决方案.问题解决了. (一)移动端点击返回键,页面不刷新解决方案 移动端浏览器点击返回上一级,页面不刷新的原因之一: ...

  2. 解决ios端返回上一个页面不刷新页面的问题

    javascript返回上一个页面也许你会立马想到几种方案: 1.<a href="javascript:history.go(-1)">返回上一页</a> ...

  3. Vue移动端开发IOS浏览器回退时页面不刷新或未正常发起请求

    移动端微信公众号项目进行UAT测试时遇到一个问题,ios微信浏览器访问项目时回退上一级页面异常,未刷新.网上看的是由于ios回退是从缓存中读取数据的,由于开发环境不方便测试,找到如下解决方法 经测试是 ...

  4. 【Vue】组件复用导致的路由切换时页面不刷新问题

    页面逻辑 通过router-link,携带不同params参数,导航向同一个组件. 出现问题1 不同路由切换时组件上的页面不刷新. 问题原因1 mounted() {this.getData();}, ...

  5. 谷歌浏览器调试时页面的刷新与强制刷新+清空缓存的操作

    浏览器的刷新一般分为三种类型,即:1.正常重新加载.2.硬性重新加载(强制刷新).3.清空缓存并硬性重新加载 1.正常重新加载 触发方式:① F5        ② Ctrl + R        ③ ...

  6. vue页面返回上一级页面不刷新,数据还在(详情页返回列表页)

    1. 配置路由缓存 component: () => import('views/entrance/index')}, {path: '/seniorList',name: 'list',tit ...

  7. Javascript实现返回上一页面并刷新

    今天写了一个小小的提示成功的页面,同时要求返回上一页面,并实现对上一页面的操作进行刷新(例如删除的,添加的),在网上搜寻了一遍,基本上90%的都是说的是用window.history.go(-1), ...

  8. 小程序实现返回上个页面并刷新上个页面的数据?(页面栈)

    小程序实现页面B返回页面A并刷新页面A的数据 var page = getCurrentPages(): 1. 获取页面栈 var beforePage = pages[pages.length - ...

  9. uniapp vue返回上一个页面并刷新以及刷新当前页面

    首先在你进去的页面需要返回的页面如下代码: let pages = getCurrentPages(); // 当前页面let beforePage = pages[pages.length - 2] ...

最新文章

  1. vc picture控件载入背景图,随控件大小改变
  2. 一个独立测试组织工作的五大方面
  3. python编译后的pyd爆破
  4. 数论--中国剩余定理模板
  5. 香辣弹簧:不同的自动接线方式
  6. Linux系统编程---18(线程池相关概念及其实现)
  7. python基础学习20----线程
  8. Android 系统(94)---Android属性之build.prop生成过程分析
  9. 【2】二级C语言中那些易错的概念题
  10. mysql 5.6 二进制安装包_centos6上mysql5.6二进制包安装
  11. Android LiveData组件分析
  12. 团队-科学计算器-开发环境搭建过程
  13. Docker(2) Windows10安装教程(DockerToolbox)
  14. ES6 模板字符串用法
  15. html海报源码,8款好用的Html5海报制作工具,让你一分钟做出风靡朋友圈海报
  16. 千帆竞发百日角逐,玻色量子荣获“创业北京”一等奖
  17. No5.String类的常用方法
  18. 动态路由和tab页切换路由
  19. 读博会改变人的性格吗?
  20. 六、CSS 速览 —— 平面转换、3D转换、动画

热门文章

  1. 大数据产业版图:东南沿海引领 独角兽扎堆北上深杭
  2. Linux中chgrp命令
  3. noi.ac 邀请赛1 By cellur925
  4. 全面认识包图,组件图,部署图
  5. Spring之IOC本质简述
  6. 国际工业自动化技术及装备展(导电滑环应用领域)
  7. 转:企业如何避免“死于开会”
  8. 《数据修复技术与典型实例实战详解》——1.4 分区表的修复
  9. Jquery实现幻灯片轮播
  10. 年终盘点丨2022边缘计算大事记