今天遇到需要调用上一个路由地址,并根据不同地址进行跳转。记录一下:
<template>
<div>
<a-button @click="routeBack()">返回</a-button>
</div>
</template>
<script>
export default{
name:'demo',
data(){
return{
pathUrl:''
}
},
beforeRouteEnter(to, from, next) {
next(vm=>{
console.log(to)
console.log(from)
vm.pathUrl = from.fullPath;
})
},
methods:{
routeBack(){
//如果是新标签页打开的 直接跳转到对应路由
if(this.pathUrl =='/'){
this.$router.push({path:this.pathUrl})
}
else{
//如果不是新标签页打开的则直接返回
this.$router.back();
}
}
}
}
</script>