我正在處理一個導航按鈕欄,其中當前路線切換一個 css 類(footer-btn-active),它“點亮”當前路線的按鈕。
這是當前的代碼:
<button routerLink="/system"
routerLinkActive="footer-btn-active"
class="footer-btn">System-info</button>
現在是如何作業的:按鈕類 (footer-btn-active) 在 /system/... 的每個路徑上都保持活動狀態
它應該如何作業:我希望按鈕類 (footer-btn-active) 保持活動狀態,僅在絕對路徑 /system 上
uj5u.com熱心網友回復:
嘗試使用以下屬性,exact: true 只會在精確路徑匹配時使類處于活動狀態。
<button
routerLink="/system"
routerLinkActive="footer-btn-active"
[routerLinkActiveOptions]="{ exact: true }"
class="footer-btn">System-info</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/379933.html
