Vue routerlink と v-for が prop を変更する方法
P粉717595985
P粉717595985 2023-09-09 18:41:15
0
1
479

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

リーリー リーリー

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

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

P粉717595985
P粉717595985

全員に返信(1)
P粉985686557

Boussadjra Brahimの答えは有効です。

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート