Vue 刷新当前路由方法
方法是从别人那看来的,记录一下。 原文链接忘了,所以发原创了。vue通过js执行完方法后有时需要刷新当前路由,常见的this.reload(), window.reload()之类,但这类刷新会刷新整个页面,出现白屏,体验不好,所以在网上又找了一种中转的方法,如下。需要刷新路由的页面调用刷新方法新建refresh.vue<!-- 空页面,负责中转到目标页面 -->...
·
方法是从别人那看来的,记录一下。 原文链接忘了,所以发原创 了。
vue通过js执行完方法后有时需要刷新当前路由,常见的this.reload(), window.reload()之类,但这类刷新会刷新整个页面,出现白屏,体验不好,所以在网上又找了一种中转的方法,如下。
需要刷新路由的页面调用刷新方法
新建refresh.vue
<!-- 空页面,负责中转到目标页面 -->
<template>
<div></div>
</template>
<script>
export default {
name: 'refresh',
data () {
return {
}
},
beforeRouteEnter (to, from, next) {
next(vm => {
vm.$router.replace(from.path)
})
}
}
</script>
<style scoped>
</style>
from.path为需要刷新页面的地址。
为什么要用replace而不用push呢,因为push假如刷新成功后点返回会回到refresh页面,replace可以避免这个问题。
更多推荐
已为社区贡献2条内容
所有评论(0)