vue页面刷新

171 阅读1分钟

以前刷新页面常用的方式是location.reload()或者是路由跳转的方式this.$router.go(0).这种方式页面都是强制刷新,会有短暂的空白,体验不是很好。

今天介绍2种方式刷新页面:

1、第一种:

(1)、在App.vue里面写如下代码:

(2)、在需要刷新的页面或者是组件中注入方法

2、第二种:

刚才第一种刷新,页面的数据其实没有重置,有些场景下我们想要的刷新是页面刷新,并且重置当前页所有的data数据,那么可以这么写

this.$data // 当前状态下的data
this.$options.data() // 组件初始状态下data
// 重置data
Object.assign(this.$data, this.$options.data());
// 如果刷新重置data后,需要在执行created的方法,那么直接手动调用即可

希望这篇笔记对你有所帮助~