关于vue2.0中返回到上一页时会重新刷新的问题

原创 booogle 随笔 经验之谈 125阅读 15 天前 举报

在vue中,一般是通过

this.$router.push({name:'test',params:{}});

进行页面调转,然后通过

this.$router.go(-1);

进行返回到上一页。不过有的时候我们需要在返回到上一页的时候不需要进行刷新操作,比如查看详情。此时我们可通过设置keep-alive使其保持路由页面不被销毁。
keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。
用法也很简单:

router-view 也是一个组件,如果直接被包在 keep-alive 里面,所有路径匹配到的视图组件都会被缓存

当然可以通过设置include来设置指定页面缓存,用法如下:

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复