vue页面刷新的4种方法

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来调用就行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值