1、传统方法
window.location.reload();
2、router方法
this.$router.go(0);
前面两种方式是强制刷新页面，会有短暂的闪烁。。。
优化如下：
App.vue
export default {
name: 'App',
provide() {
return {
reload: this.reload
}
},
data() {
return {
isRouterAlive: true
}
},
methods: {
reload() {
this.isRouterAlive = false;
this.$nextTick(function() {
this.isRouterAlive = true;
})
}
}
}
然后在需要用到的地方调用即可
inject: ['reload']
this.reload();
vue单页面，多路由，前进刷新，后退不刷新 目的：vue-cli构建的vue单页面应用，某些特定的页面，实现前进刷...
1、传统方法window.location.reload();2、router方法this.$router.go(...
1、基于异步数据的vue页面刷新 先看看基于异步数据的vue页面刷新后，都发生了啥～ 如图所示： 图1 基于异步数...
转自：https://www.jianshu.com/p/341a1131805d普通方法：location.re...
Vue 状态在页面刷新时, 会丢失解决: 在页面刷新时把状态数据保存在状态里, 举个栗子:
问题描述 vue单页面history路由模式项目部署上线之后, 刷新页面会跳到404页面 异常原因 页面刷新时会重...
项目本地运行时候，首页子页面刷新均无问题。部署到服务器之后，刷新页面报错、出现404。 当vue项目的vue-ro...
使用vue做管理后台时，经常遇到新增，删除，修改需要返回主页面。这时页面需要重新刷新才能看到最新的数据。 （1）w...
vue 路由 路由点击跳转不会页面刷新，可以保留数据 安装vue-router:npm install vue-r...
vue跳转当前页面页面不刷新，导致切换角色的时候有些权限无法更新解决方法：1.router.go(0) 页面刷新 ...
本文标题：vue刷新页面方式
本文链接：https://www.haomeiwen.com/subject/lqgrsrtx.html
网友评论