本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。

让vue.js系统只刷新当前界面的方法:

一、当前页面事件监听

ad015f74d0baee996fee394a97084c5.png

如上图所示,我们定义了refreshPage方法,这个方法是对特定事件的回调,在这个方法会处理业务逻辑,然后在最后使用vue的router跳转到一个空页面,这个空页面路由路径是/user/back,这个路径是随便取的,大家可以选择自己的路径

二、空页面的编写

b160d604fdf37b3894416321606e9ba.png

如上图所示,在空页面中立即执行路由,跳回原来的页面,这时候原来的页面会进行重新加载,从而实现了刷新。这里的/user/index就是跳回原来页面的路由路径,大家需要根据自己的项目情况写。

三、注意事项

本文所使用的方法,其实是一种hack方法,在极端情况下,比如网络极端恶劣,那么可能出现跳到空页面后跳不会来,或者干脆跳不到空页面的情况,大家需要根据自己的项目情况酌情选择。

以上就是如何让vue.js系统只刷新当前界面的详细内容,更多请关注其它相关文章!