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方法,拿来的路由替换当前页面,从而实现页面重新加载
最后说明:这只是本人自己的一些见解,有不足的地方,欢迎大家前来指正。