Vue3如何获取来源路由
更新时间：2024年07月02日 11:08:47 作者：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());总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
VScode中配置ESlint+Prettier详细步骤(附图文介绍)
这篇文章主要介绍了VScode中配置ESlint+Prettier详细步骤,文中通过代码示例讲解的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2024-12-12
keep-alive是Vue.js的一个内置组件。这篇文章主要介绍了vue.js内置组件之keep-alive组件使用,需要的朋友可以参考下2018-07-07
在微信小程序中,默认情况下,文件预览功能不支持文档缩放,导致用户在遇到小字体时难以清晰阅读,为了解决这一问题并提升用户体验,实现文档的缩放功能至关重要,所以本文2024-12-12
当elementUI中菜单打开后,再次点击不会刷新的问题,导致菜单再次点击不刷新的根本原因是页面打开后,再次打开相同的页面是不会刷新的,这应该是框架的机制就是如此,小编整理了两个比较不错的解决方法,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了Vue开发之封装上传文件组件与用法,结合实例形式分析了vue.js使用elementui的 el-upload插件进行上传文件组件的封装及使用相关操作技巧,需要的朋友可以参考下2019-04-04
vue 中的自定义指令是对底层 dom 进行操作，下面以实现滚动到底部加载数据，实现无限加载来介绍如何自定义一个简单的指令。2017-01-01
这篇文章主要为大家详细介绍了Vue实现表格批量审核功能实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
今天小编就为大家分享一篇Vue $emit $refs子父组件间方法的调用实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要为大家介绍了reactive readonly嵌套对象转换功能实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了vue+echarts实现中国地图流动效果(步骤详解),本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
最新评论