Vue3如何获取来源路由
作者：gaolei_eit
这篇文章主要介绍了Vue3如何获取来源路由问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Vue3获取来源路由
//路由 两个必须是同级路由
{
path: "/room",
name: "Room",
component: () => import("@/views/Room/index.vue"),
meta: {
title: "房间"
},
beforeEnter: (to, from, next) => {
const name = from.name as string;
if (["RoomHistory", "Room"].includes(name)) {
to.params.from = "RoomHistory";
} else {
to.params.from = "other";
}
next();
}
},
//页面
console.log(route.params.from, "route.params.from");Vue3获取当前路由参数
<script>
import {useRouter, useRoute} from 'vue-router'
export default {
setup(){
// 获取路由器实例
const router = useRouter()
//使用
//router.push..... 等等方法
// route响应式对象，监控变化，传值
const route = useRoute
//获取 处理route.query 等等
}
}
</script>Vue3获取所有路由
import { useRouter, useRoute } from 'vue-router';
const router = useRouter();
console.log(router.getRoutes());总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。