首页 > 其他分享 >this.$router.push路径带不带/的区别

this.$router.push路径带不带/的区别

时间:2024-12-30 14:58:02浏览次数:5  
标签:formDesinger 路径 push 斜杠 带不带 router 路由 页面

绝对路径(带斜杠)
当路径以斜杠 / 开头时,它被视为绝对路径。这意味着无论当前的路由位置在哪里,新路径都将从应用程序的根路径开始解析。

    示例:
    this.$router.push('/formDesinger');
    行为:不论当前页面的位置如何,都会导航到 /formDesinger。

    适用场景:当你想要确保导航到一个固定的、不依赖于当前路由位置的路径时使用。例如,导航到登录页面、首页等全局性的页面。

相对路径(不带斜杠)
当路径不以斜杠 / 开头时,它被视为相对路径。在这种情况下,路径会基于当前的路由进行解析,也就是说,新的路径会在当前路由的基础上构建。

    示例:
this.$router.push('formDesinger');

行为:如果当前路由是 /admin/dashboard,那么这段代码将会尝试导航到 /admin/dashboard/formDesinger。

适用场景:当你想在当前路由结构中添加或改变一部分路径时使用。例如,在多级嵌套路由中导航到子页面或兄弟页面。 

 

标签:formDesinger,路径,push,斜杠,带不带,router,路由,页面
From: https://www.cnblogs.com/prince11/p/18641259

相关文章

  • Vue3最新Router带来哪些颠覆性变化?
    1前后端开发模式的演变jQuery时对大部分Web项目,前端不能控制路由,要依赖后端项目的路由系统。通常,前端项目也部署在后端项目的模板里,项目执行示意图:jQuery前端都要学会在后端模板如JSP里写代码。此时,前端工程师无需了解路由。对每次的页面跳转,都由后端负责重新渲染模板。前端......
  • live-pusher
    live-pusher基础库1.7.0开始支持,低版本需做兼容处理。小程序插件:支持,需要小程序基础库版本不低于2.3.0微信Windows版:支持微信Mac版:支持微信鸿蒙OS版:支持相关文档:wx.createLivePusherContext渲染框架支持情况:Skyline(使用最新Nighly工具调试)、WebView......
  • Vue3 + Vue Router实现动态路由导航
    随着单页面应用程序(SPA)的日益流行,前端开发逐渐向复杂且交互性强的方向发展。在这个过程中,Vue.js及其生态圈的工具(如VueRouter)为我们提供了强大的支持。本文将介绍如何在Vue3中使用VueRouter实现动态路由导航,帮助你增强应用的灵活性和可扩展性。什么是动态路由?动态路......
  • 详细讲一下React中的路由React Router
    1.基本概念React Router是React的路由管理库,用于在React应用中实现页面导航和路由控制。2.安装npminstallreact-router-dom3.基础用法//App.jsximport{BrowserRouter,Routes,Route,Link}from'react-router-dom'functionApp(){return(......
  • 请说说js中方法unshift和push方法的理解
    在JavaScript中,unshift和push是数组的两个常用方法,它们分别用于在数组的开始和结尾添加元素。这两个方法都是改变原数组的方法,也就是说它们会直接修改原数组,而不是创建一个新的数组。push方法push方法将一个或多个元素添加到数组的末尾,并返回新的数组长度。例如:letarr......
  • pushgateway定时删除过期数据
    1.pushgateway:1.9的数据是永久保存的,不会自动删除,除非调用接口或者在页面手动删除 2.使用脚本删除#####根据pushgateway页面返回的数据中在last_push_time来判断数据是否过期,如果过期则按照job和instance进行删除######时间差(单位:秒),超过这个时间差则认为是过期数据time_i......
  • 如何在服务器上克隆、pull、push GitHub私有项目
    诸神缄默不语-个人CSDN博文目录情况是这样的,我直接用gitclone命令后,会提示让我输入GitHub账号密码,我输入后它还是显示克隆失败,并显示:Cloninginto'folder_name'...Usernamefor'https://github.com':user_namePasswordfor'https://user_name@github.com':remote......
  • go_router库中的push和go导航路由栈的疑惑。
    这里使用go_router库在浏览器地址栏的地址进行解惑,如果你在安卓、window等客户端软件的话,应该不会有这个疑惑,因为没有地址栏(类似浏览器的地址栏),你也看不到地址栏的变化,而且也只会有一个路由栈。对于浏览器有2个路由栈,一个是浏览器内部的history栈,一个是flutter的路由栈。以下的......
  • 【QSS样式表 - ⑥】:QPushButton控件样式
    文章目录QPushBUtton控件样式QSS示例QPushBUtton控件样式常用子控件常用伪状态QSS示例代码:QPushButton{ background-color:#99B5D1; color:white; font-weigth:bold; border-radius:20px;}QPushButton:hover{ background-color:red;}QPushBu......
  • push代码报错fatal: Authentication failed的问题解决
    在不使用pat之前,我的centos系统不能向github提交代码,然后我在github上申请了pat并且配置,可以成功提交代码了,而且还免除了输入用户名和密码的麻烦。如何申请pat(咨询文心快码就可以得到答案):如何在git上配置pat(继续咨询文心快码):配置完成之后,问题得到解决,现在可以正常的push代码......