vue

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

2019-02-27  本文已影响40人  rainbowz
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", 精准匹配

上一篇 下一篇

猜你喜欢

热点阅读