vue获取父路由的name

vue获取父路由的name,第1张

F5刷新浏览器。在项目中,1处按钮是公用按钮,需求是在指定的页面点击“返回首页”时,获取该指定页面的name值,F5刷新浏览器,重新赋值当前路由name,route是当前正在跳转的路由对象,可以从route里面获取hash,name,path,query,mathsr,fullPath等属性方法。

在一些情况下,一个页面的path路径可能是不确定的,比如我们进入到用户界面时,希望是如下的路径:

- /user/aaa 或者 user/bbb 。

3、在 appvue 中的使用

4、 uservue 组件中获取到 userId ,这里的 userId 对应的就是路由映射中的参数

路由允许我们通过不同的URL去访问不同的内容,该URL可以是我们自己设置的,在项目中并没有这样的文件夹,这种功能就是路由

路由的本质是hash值

定:定义路由组件

配:配置路由

实:实例化路由

挂:挂载路由

路由(vue-router)的基本作用就是将每个路径映射到对应的组件,通过修改路由进行组件之间的转换

常规路径规则为在当前路径后面加上"/path",path即为设定的前端路由路径

  跳转到上一次的页面:this$routergo(-1);

  指定跳转的地址:this$routerreplace("/path");

  指定跳转的路由名字下:this$routerreplace({name:"menuLink"});

  通过push进行跳转:this$routerpush("/path");

  或this$routerpush({name:"path"});

  (1)设置一个默认展示组件,(不推荐!!!)

        {path:"/",component:login}

    (2) 路由redirect重定向,设置默认组件

        {path:"/",redirect:"login"}

  (1)创建一个路由对象,当导入vue-router包之后,在window全局对象之中就有一个路由的构造函数VueRouter

  (2)在new路由对象的时候可以传递一个配置对象,这个配置对象的route表示路由器的匹配规则

  (3)每个路由规则都是一个对象,这个规则对象身上必须有两个属性

        属性1:path表示监听那个路由的链接地址

属性2:component表示如果路由是前面匹配到的path,则展示component属性对应的组件,

      component属性值必须是一个组件模板对象,不能是组件的引用名称

  (4)router:routerObj将路由规则对象,注册到VM实例上,用来监听URL地址的变化,然后展示对应的组件

  (5)使用vue官方提供的router-link元素使用它,默认渲染成一个a标签,<router-link to="login">登录</router-link>

  (6)在控制的div中(AppVue)使用<router-view></router-view>

以上就是关于vue获取父路由的name全部的内容,包括:vue获取父路由的name、动态Vue-router(路由)、Vue路由的使用等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9425326.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存