最直接的刷新方式：刷新整个页面
location.reload();
this.$router.go(0) // 0 刷新 ； -1后退 ---以此类推
这两种方式都可以直接刷新页面，缺点就是等于直接F5刷新的那种整个页面重新加载，会出现一个空白页面，
新建一个空白的页面，然后在从空白的页面中使用this.$router.replace()跳回当前页面，这种方式不会造成页面出现空白期，只是在路由地址栏中会有一个快速的切换过程，整体体验还行。
采用provide / inject 组合 方式，在项目的入口文件app.vue下，通过方法reload控制router-view的显示隐藏，而由于v-if会重新加载的机制，达到刷新页面的效果，
在需要当前页面刷新的页面中通过注入App.vue组件提供（provide）的 reload 依赖，然后直接用this.reload来调用就行。
1、方法 最直接的刷新方式：刷新整个页面 location.reload();this.$router.go(0)...
vue实现前进刷新后退缓存的方法其实有好多种。网上搜出来的很多不齐全，甚至效果不好，先给大家介绍下面的几种可行的方...
js返回上一页并刷新的几种方法：
Vue 部署单页应用，刷新页面 404/502 报错 在 Vue 项目中，可以选择 hash或者 history....
JS刷新当前页面的几种方法总结
vue + video.js实现视频列表页 vue项目中做一个视频列表页，本来用原生video标签来实现，由于考虑...
1、使用Flexible实现手淘H5页面的终端适配2、再聊移动端页面的适配3、如何在Vue项目中使用vw实现移动端...
javascript refresh page 几种页面刷新的方法 本节内容：Javascript刷新当前页面的方...
JavaScript刷新页面的几种方法： 一 、 常规刷新方法 1 history.go(number|URL)...
刷新页面不起作用的问题 当使用AJAX get方法到数据库进行操作删除某个项时，实现页面的刷新，但是始终刷新不起作...
本文标题：vue项目中实现刷新页面的几种方法
本文链接：https://www.haomeiwen.com/subject/hfwewhtx.html
网友评论