声明导航 - 自动添加的类名区别

102 阅读1分钟

router-link自带的2个类名的区别是什么?

观察路由嵌套导航的样式

  • router-link-exact-active (精确匹配) url中hash值路径, 与href属性值完全相同, 设置此类名

  • router-link-active (模糊匹配) url中hash值, 包含href属性值这个路径 如图:当前的url

image.png 1.发现音乐中的hash路径

image.png 模糊匹配,只有router-link-active这一个类名

image.png 2.推荐中的hash路径

image.png

精确匹配,有router-link-exact-active和router-link-active两个类名

image.png