zoukankan      html  css  js  c++  java
  • vue路由的active-class和exact-active-class区别

    exact-active-class 和 active-class 的区别

    router-link 默认情况下的路由是模糊匹配,例如当前路径是 /article/1 那么也会激活 <router-link to="/article">,所以当设置 exact-active-class 以后,这个 router-link 只有在当前路由被全包含匹配时才会被激活 exact-active-class 中的 class,例如:

    <router-link to="/article" active-class="router-active"></router-link>

    当用户访问 /article/1 时会被激活为:

    <a href="#/article" class="router-active" rel="nofollow"></a>

    而当使用:

    <router-link to="/article" exact-active-class="router-active"></router-link>

    当用户访问 /article/1 时,不会激活这个 link 的 class:

    <a href="#/article" rel="nofollow"></a>
  • 相关阅读:
    我該怎麼辦
    這麼多年興許從來沒有釋放過
    我想做一個快樂的孩子
    纠结
    如何克服心煩氣躁
    如何樹立威嚴
    第零次作业
    第三周作业
    第二周作业,
    第二周作业
  • 原文地址:https://www.cnblogs.com/kevoin/p/9914334.html
Copyright © 2011-2022 走看看