vue中如何刷新当前页面

这篇文章主要介绍了vue中如何刷新当前页面的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue中如何刷新当前页面文章都会有所收获，下面我们一起来看看吧。

创新互联主营望奎网站建设的网络公司,主营网站建设方案,重庆App定制开发,望奎h5小程序定制开发搭建,望奎网站营销推广欢迎望奎等地区企业咨询

项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面.

思路

• (1)如果页面简单,调用接口刷新数据即可.

• (2)如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式 下面整理了3种方式来实现刷新当前页面,每种方式的思路不同,各有优缺点

实现

方式1-通过location.reload和$router.go(0)方法

(a)概述

通过location.reload和$router.go(0)都可以实现页面刷新,它利用浏览器刷新功能,相当于按下了f5键刷新页面

• 优点:足够简单

• 缺点:会出现页面空白,用户体验不好。

(b)代码