vue中页面刷新的方法

1.使用 Location 对象提供的方法

	window.location.reload()

但是这种方法,有的小米手机不会刷新。

2.使用vue路由提供给我们的方法

	this.$router.go(0)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面

但是这种方法,有的小米手机不会刷新。苹果手机也不会刷新

3.使用一个新页面并结合vue路由给我们提供的方法实现页面刷新,这种刷新白屏时间非常短。但是能看见路由快速变化

3.1新建一个空白页面组件命名为:empty.vue

<template>
</template>
<script>
export default {
  name: 'empty',
  beforeRouteEnter (to, from, next) {
    next(vm => {
      vm.$router.replace(from.path)
    })
  }
}
</script>

3.2在需要刷新页面的地方

	this.$router.push('/empty')

这个页面所作的事情,就是判断页面从那个页面来的,然后在页面还没有加载完成的时候,使用replace方法,拿来的路由替换当前页面,从而实现页面重新加载

最后说明:这只是本人自己的一些见解,有不足的地方,欢迎大家前来指正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值