vue 刷新页面的三种方法

相当于按ctrl+F5 强制刷新那种，整个页面重新加载，会出现一个瞬间的空白页面，体验不好

（1）新建一个空白页面 reload.vue：

（2）需要刷新的页面，先跳转到reload.vue，再跳转回原页面，从而实现刷新（路径上带param的不能用）：

（1）App.vue添加provide，和data一样，返回一个对象：

（2）需要刷新的页面内注入inject依赖：

第一种方式 reload

一、在根文件 app.vue文件中配置

二、在需要引用重置的页面中添加

大功高成！！！

补充：（推荐使用第一种 方式 reload，体验度好，无空白页面）

以下两种方式也是实现重置刷新的功能

缺点：相当于按ctrl+F5 强制刷新那种，整个页面重新加载，会出现一个瞬间的空白页面，体验度不好

vue中,我们有时候需要实现这种场景:

1.搜索页面到列表页面，需要刷新重新获取数据。

2.从详情页面返回列表页面需要记住上次浏览的状态。具体流程如下：

第一步:在路由配置文件中为列表页设置meta参数，里面包含useCatch和keepAlive

第二步:在App文件中如下设置

第三步:在列表页面添加leaveTag字段,当点击返回按钮触发返回事件的时候,将leaveTag修改为back,然后在beforeRouteLeave中如下:

第四步:在列表页的actived生命周期函数中根据useCatch字段判断是否需要缓存:

到此结束

---