router-link是什么?
vue-router提供的一个全局组件,router-link(用于取代a标签)
router-link怎么用?
router-link的好处?
1.能够跳转,能高亮(自带激活时的类名)
1.能跳转,配置to属性指定路径(必须)。本质还是a标签,to 不需要多加#
既然已经有了a标签,为什么还有加一个router-link标签呢?这就取决于它的第二个特点:
2.能高亮,默认就会提供高亮类名(多出router-link-exact-active和 router-link-active这两个类),可以直接设置高亮样式(不需要通过js)
那么这里涉及到一个问题,router-link自动给当前导航添加的两个高亮类名有什么不同呢?
以下图为例
1.router-link-active 模糊匹配(应用比较多)
to="/find" 可以许多路由,比如:/find /find/home /find/foods .....以/find开头都会添加
2.router-link-exact-active 精准匹配
to="/find" 只能匹配 /find
举例说明:
router-link-active 模糊匹配
router-link-exact-active 精准匹配
标签:高亮,link,active,router,exact,find From: https://blog.csdn.net/zxn275266/article/details/137374454