zoukankan      html  css  js  c++  java
  • vue框架keepAlive缓存的坑

    页面跳转顺序index=>detail2=>detail3(三个页面不是单独请求数据,后两个页面是第一个页面数据的传递)

     detail2页面与methods同级:

    beforeRouteLeave(to,from,next){
          console.log(0)
            if(to.name==='detail3'){
               from.meta.keepAlive = true
               next()
            }else{
               to.meta.keepAlive = false
               from.meta.keepAlive = false
               this.$destroy()
               next()
            }
        },
    index页面created增加是否是首次进入的判断:
    let isRefresh = sessionStorage.getItem('isRefresh');
        if(isRefresh == '1'){
          sessionStorage.setItem('isRefresh',null);
            window.location.reload();
          } else {
            sessionStorage.setItem('isRefresh',1);
        }
    有个问题就是第一个页面需要被刷新,若进行了某种操作时效果不佳,还没被解决
    ==============================================
    2020-06-20更新解决上述问题之第一个页面是选项卡的操作,从index==1时进入二级页面再返回时首页仍是index==1:这样解不如决建议一开始使用二级路由,可能更优雅
    拿到并监听选项卡的index值:
    watch:{
          active(val){
            console.log(val)
            window.localStorage.setItem("curPage",JSON.stringify(val))
          }
        },
        created:function(){
          let curPage = JSON.parse(localStorage.getItem('curPage'))
          this.active = curPage
          this.mobile = until.mobile
          let isRefresh = sessionStorage.getItem('isRefresh');
          if(isRefresh == '1'){
            sessionStorage.setItem('isRefresh',null);
              window.location.reload();
            } else {
              sessionStorage.setItem('isRefresh',1);
          }
        },
     
  • 相关阅读:
    ueditor1.4.3.all.js报错
    ueditor中FileUtils.getTempDirectory()找不到
    java后台验证码的生成
    applicationContext.xml重要配置
    Java代码实现文件上传(转载)
    jquery动态实现填充下拉框
    POI写入word docx 07 的两种方法
    POI读word docx 07 文件的两种方法
    POI转换word doc文件为(html,xml,txt)
    Linux中zip压缩和unzip解压缩命令详解
  • 原文地址:https://www.cnblogs.com/wd163/p/13037041.html
Copyright © 2011-2022 走看看