美文网首页
在组件内由于keep-alive无法进行二次跳转

在组件内由于keep-alive无法进行二次跳转

作者: 李昂李三光 | 来源:发表于2018-11-08 18:21 被阅读0次

原理:在keep-alive的情况下,如果重新跳转去本组件(不同参数),会出现无法跳转的情况。通过监听组件$route来判断组件是否有变化,再进行重新刷新

使用watch监听组件是否变化,再通过location.reload()实现路由的刷新,达到路由跳转的目的

        watch:{
            $route:function(newValue){
//              console.log(newValue)
                location.reload()
            }
        }

相关文章

  • 在组件内由于keep-alive无法进行二次跳转

    原理:在keep-alive的情况下,如果重新跳转去本组件(不同参数),会出现无法跳转的情况。通过监听组件$rou...

  • Vue / keep-alive

    keep-alive keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个...

  • 2019-09-04 Vue / keep-alive

    keep-alive keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个...

  • Vue / keep-alive

    keep-alive keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个...

  • 27、Vue / keep-alive

    keep-alive keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个...

  • keep-alive

    keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面...

  • Vue / keep-alive

    keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面...

  • 导航守卫(路由拦截)

    导航守卫就是在路由进行跳转的时候进行拦截,中止路由的跳转,进行相应的操作 在组件化开发中,由于router挂载在了...

  • vue性能优化

    在vue中,在做路由跳转时,我们通常希望去缓存那些活跃的动态组件,我们就会想到用keep-alive去缓存组件。但...

  • VUE 动态组件&异步组件

    在动态组件中使用 keep-alive 在动态组件中使用keep-alive可一缓存组件 在组件切换的时候不会重新...

网友评论

      本文标题:在组件内由于keep-alive无法进行二次跳转

      本文链接:https://www.haomeiwen.com/subject/uxtgxqtx.html