1.window.location.reload(),
是原生JS提供的方法,
this.$router.go(0):是vue路由里面的一种方法,
这两种方法都可以达到页面刷新的目的,但是用户体验不好。
2.创建一个空白页面(页面进行一个无感刷新)
3、控制的显示与否,在全局组件注册一个方法,该方法控制router-view的显示与否,在子组件调用即可;
eg:
data () {
return{
isRouterAlive: true
}
menthods:里调用
4、利用provide+inject组合
通过声明reload方法,控制isRouterAlice属性true or false 来控制router-view的显示或隐藏,从而控制页面的再次加载
在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,然后直接用this.reload来调用就行
vue页面刷新的4种方法
最新推荐文章于 2024-08-03 07:45:00 发布