美文网首页
routerLinkActiveOptions

routerLinkActiveOptions

作者: 小杰的简书 | 来源:发表于2019-02-19 16:11 被阅读0次

重点来了: 使用routerLink元素的父元素上使用RouterLinkActive指令

是不是给每个路由都分别添加样式好费事?给它父元素添加上路由高亮指令即可解决问题!

<div routerLinkActive="red" [routerLinkActiveOptions]="{exact: true}">
<a routerLink="/user/login">login</a>
<a routerLink="/user/reset">reset</a>
</div>

只要给a标签的父元素div添加上routerLinkActive和routerLinkActiveOptions, 当路由是/user/login或/user/reset时其所在dom元素分别被添加上red样式。 这里需要注意的是要添加上routerLinkActiveOptions指定完全匹配,不然会出现url为user时两个路由均被匹配上添加了red样式。

相关文章

  • routerLinkActiveOptions

    重点来了: 使用routerLink元素的父元素上使用RouterLinkActive指令 是不是给每个路由都分别...

网友评论

      本文标题:routerLinkActiveOptions

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