vue3 页面组件中获取上一个页面的路由地址
·
vue2中获取上个页面的路由地址是用vue-router的beforeRouterEnter钩子
beforeRouteEnter(to, from, next) {
next(vm=>{ // 这里的vm就是vue实例,可以用来当做this使用
console.log(to)
console.log(from) //from便是上一个路由的地址
})
}
那vue3中怎么获取呢,在vue-router文档中没有找到相关的钩子,于是就在router中找一找,还真的找到了,mark一下~
import { useRouter } from 'vue-router';
const router = useRouter();
onMounted(()=>{
console.log(router) //在router.options.history.state中back字段就可以看到上一个页面的路由信息(但是只能看到上一个)
})
打印出来是这个样子的:
这个back字段里就是上一个页面的路由。
但是需要注意的是这个页面的路由push到路由栈时才会有这个,也就是说如果上一个页面是通过replace进入这个页面时,back中不会有信息。
最后,如果大家有其他好的办法,欢迎补充交流 !!!
更多推荐
已为社区贡献1条内容
所有评论(0)