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

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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容