vue跳转当前页面页面不刷新,导致切换角色的时候有些权限无法更新解决方法:
1.router.go(0) 页面刷新
- 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>
网友评论