VUE中实现点击按钮刷新页面的方法

解决方案:

一:

这里先介绍两种简单粗暴的刷新页面方法,但会有较长的白屏时间,比较影响用户体验,并不推荐:
第一种:

window.location.reload();

第二种:

this.$router.go(0)

 二:

在app.vue里新增以下代码

VUE中实现点击按钮刷新页面的方法_第1张图片

 三:

在自己的主页面添加按钮

通过reload方法控制变量showRouter的值,在router-view中使用v-if来控制其添加和删除,从而使页面再次加载。然后在需要刷新的页面引入前面在app.vue中提供的reload依赖,在调用reload方法既可实现:

 这是源码



 

 

methods: {
            refresh() {
                  this.reload()
                },
}

你可能感兴趣的:(前端,javascript,html)