Vue routerlink と v-for が prop を変更する方法

Question

このコードを使用しています:

リーリー リーリー

私の質問は、この機能を実現するためにルーターリンクをどのように使用するかということです。現在の項目を選択したときに true に変更したいと思います。追い風のレベルが変化します。 (item.current = true) を試しましたが、これにより現在のオブジェクトがすべて true に変更されます。表示されるコードは、Tailwind コンポーネントのサイドバーの例からのものです。 https://tailwindui.com/components/application-ui/application-shells/sidebar

現在アクティブクラスを使用していますが、何とか動作します。しかし、私はまだ何をすべきかを知りたいです。

Answer 1

Boussadjra Brahimの答えは有効です。

追加したいこと: 現在のすべてのオブジェクトが true である理由は、他の項目をクリックしても false に戻らないためです。したがって、現在の情報を保存するために別のオブジェクトを使用したくない場合は、すべての [item].currents を false に変える関数を呼び出すことができます。その後は今と同じように続けてください。