美文网首页vue
vue-router中name和path &路由高亮

vue-router中name和path &路由高亮

作者: rainbowz | 来源:发表于2019-02-27 01:53 被阅读40次
1
图片.png
2

在App.vue中使用


图片.png
3

使用this.$route.params.id获取基类的data中的 Name属性

图片.png

访问网址:http://localhost:8080/#/register
可以发现拿到了数据:

图片.png

https://segmentfault.com/q/1010000015287951
path 就是路径嘛,名字相当于该路径的别名。比如有个人全面叫‘奥斯特洛夫斯基’,然后为了方便找他,你给他一个单独的别名,叫'奥基',当你想做跳转的时候大喊一句'奥基',就能找到'奥斯特洛夫斯基'。.....溜

path:是路径,还可以有二级路径比如 path: '/system/setting',但是name就没有了,name就相当于给你的这个 path 起个名字方便记住,也可以不设置 name。

vue路由参数传递视频

4
图片.png 图片.png 图片.png

linkActiveClass:"active", 包含父级
linkExactActiveClass:"curentActive", 精准匹配

相关文章

  • vue-router中name和path &路由高亮

    1 2 在App.vue中使用 3 使用this.$route.params.id获取基类的data中的 Name...

  • Vue知识点

    vue-router 在mounted函数中获取从路由地址带过来的参数: 定义动态路由: { path: 'new...

  • 在vue-router中设置和获取参数的方法

    vue-router中传递参数 1.通过设置路由name属性,用{{ $route.name }}获取。 例如:设...

  • vue 笔记

    懒加载 路由: { path: '/report', name: 'report', componen...

  • 路由

    怎么定义vue-router的动态路由?怎么获取传过来的值? 动态路由的创建,主要是使用path属性过程中,使用动...

  • Vue-Router

    Vue-Router路由 1路由基础 创建一个路由对象数组,每个对象分别有,path,component等属性,在...

  • [vue-router] Duplicate named rou

    翻译:vue-router 重复的命名路由定义静态路由:只需要修改重复 name动态路由:没有添加过才添加

  • 新的生活新的开始NO.3

    1.路由对象{name:‘xxx’,path:'/xxx',component:xxx,meta:{checklo...

  • js中常用代码

    1、vue 路由 编程式导航 分为path和name两种方式。1、path 传参 :参数会带到url地址栏,刷新地...

  • 2020-12-10

    在router.config.js中的路由,要配置了name和path属性,才会在左侧的菜单栏上进行显示。 Com...

网友评论

    本文标题:vue-router中name和path &路由高亮

    本文链接:https://www.haomeiwen.com/subject/nvituqtx.html