美文网首页
vue跳转当前页面页面不刷新问题

vue跳转当前页面页面不刷新问题

作者: 小番茄1009 | 来源:发表于2021-08-20 10:23 被阅读0次

vue跳转当前页面页面不刷新,导致切换角色的时候有些权限无法更新解决方法:
1.router.go(0) 页面刷新

  1. window.open(path) 页面刷新
    但是以上解决方法都会存在闪屏的情况,用户体验感很差
    3 跳转到空白页面,再立即跳转回去。体验感较好。空白页面的具体代码如下
<template>
  <div class="empty"></div>
</template>

<script>
export default {
  name:"emptypage",
  data(){
    return{
      nextPagePath:''
    }
  },
  beforeRouteEnter(to,from,next){
      console.log('beforRouteEnter')
      console.log(from) // 结果为undefined,因为在执行beforRouteEnter时候,组件还没有被创建出来;先执行beforRouteEnter,再执行beforeCreate
      next((vm)=>{ //参数vm就是当前组件的实例。
        vm.$router.push(from.path)
      })
  },
  created(){

  }
}
</script>

<style lang="less" scoped>
  .empty{
    width: 100%;
    height: 80vh;
  }
</style>

相关文章

网友评论

      本文标题:vue跳转当前页面页面不刷新问题

      本文链接:https://www.haomeiwen.com/subject/settiltx.html