javascript - Warum gibt es in Vue zwei ActiveLinks? Ich klicke nur auf einen Link. Es sollte nur ein aktiver Link vorhanden sein.

Question

Neu bei Vue-. -Es hat lange gedauert, bis ich es herausgefunden habe ... hilf mir! ! ~~
Ich möchte nur drei Symbole unter der Fußzeile erstellen. Klicken Sie auf ein Symbol, und dieses Symbol ändert seine Farbe, während die anderen Symbole ihre Farbe nicht ändern.
Ich habe gesehen, dass nach dem Klicken automatisch ein aktiver Link hinzugefügt wird und der Stil in „aktiver Link“ geschrieben wird, aber wie kommt es, dass es zwei aktive Links gleichzeitig gibt?

Answer 1

'/' 根路由默认匹配所有路由, 要想 '/' 只匹配根路径, 那么改成 <router-link to="/" exact>

Answer 2

可能是在点击一个按钮的时候没有清掉另一个按钮的active-link