如何使用vue的beforeRouteLeave方法实现页面回退不刷新？

本文共计485个文字，预计阅读时间需要2分钟。

“路由切换回前一页面时，实现页面不刷新功能。首选方法是使用keep-alive，但由于页面不属于父子级关系，因此决定使用beforeRouteLeave钩子。代码如下：

javascriptbeforeRouteLeave(to, from, next) { if (to.name !=='page') { next(); }}

路由切换返回前一个路由时实现页面不刷新功能，首先想到的是keep-alive，但是页面不属于父子级关系，所以决定用beforeRouteLeave，下面贴代码

beforeRouteLeave(to, from, next){ if(to.name !== 'page2'){ //判断是从哪个路由过来的，如果不是page2过来的需要做什么操作在这里实现 //如果是page2过来的，表明当前页面不需要刷新获取新数据，直接用之前缓存的数据即可 } next(); }

beforeRouteLeave后面的参数to是关于上个页面的信息，to.name就是上个路由名称。