美文网首页
vue前进刷新,后退不刷新

vue前进刷新,后退不刷新

作者: xilong | 来源:发表于2020-10-20 15:27 被阅读0次

1、使用keep-alive

2、默认列表页keep-alive 为true

在vue-router
meta:{
    keepAlive:true
}

3、在列表页使用下面代码

created(){
    this.$route.meta.keepAlive = true
},
beforeRouteLeave(to,from,next){
    if(to.path == '/home'){  // 根据自己的回退页面写
      this.$route.meta.keepAlive = false
    }
    next()
}

相关文章

网友评论

      本文标题:vue前进刷新,后退不刷新

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