国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

強制更新後、ルートが変更されたときに Vuetify の下部ナビゲーションがアクティブ狀態(tài)を削除できません
P粉513318114
P粉513318114 2024-03-25 14:57:16
0
1
912

私のアプリでは、下部のナビゲーション コンポーネントを次のように設(shè)定しています:

リーリー

これはうまく機能し、期待どおりにアプリ內(nèi)を移動するために使用できます。下部ナビゲーションのボタンをクリックすると、ボタンのステータスが更新され、アクティブ (原色) が表示されます。

私のルートは次のように定義されています:

リーリー

追加のルート /settings もあります。これは下部ナビゲーションの一部ではありませんが、アプリのタイトル バーで次のように定義されています。 リーリー

設(shè)定ボタン/ルート リンクは下部ナビゲーションの一部ではないため、設(shè)定ボタンをクリックすると下部ナビゲーション ボタンのアクティブ狀態(tài)が無効になります。これは下部ナビゲーションの一部ではないため、これは正しいことです。

奇妙な動作が発生する場所:

下部のナビゲーションで定義されたルート內(nèi)にいるときにページを強制的に更新すると、正しい場所に更新されます。ここから、設(shè)定ボタンをクリックすると、ルーターに設(shè)定が表示されますが、下部のナビゲーションの古いステータスがまだアクティブとして表示されます。これは強制更新時にのみ発生します。下部のナビゲーション ルートを選択して設(shè)定に移動すると、下部のナビゲーション ボタンからアクティブ狀態(tài)が削除されます。

私の調(diào)査では、これはルーティング リンクの

exact 屬性に問題があるのではないかと考えましたが、違いはないようです。

また、小さいサイズ以下で下部のナビゲーションバーを表示するブレークポイントを設(shè)定しました。ウィンドウを拡大して下部のナビゲーションバーを非表示にし、ウィンドウを縮小して再表示すると、コンポーネントが再度表示されると、正しいステータスになります。 。

P粉513318114
P粉513318114

全員に返信(1)
P粉052724364

ページをリロードすることだけがこのエラーを再現(xiàn)する唯一の方法ではありません。ナビゲーション グループのボタンは、VItemGroup ロジックと VBtn の routable mixin を介して切り替えられるようです。ナビゲーション ボタンを 2 回クリックし、その後 /settings にルーティングすることで問題を再現(xiàn)できます。その狀態(tài)の要素をチェックすると、アクティブ クラス v-btn--active が 3 回繰り返されます。別のページにルーティングすると、完全に一致する v-btn--active v-btn--active のみが削除され、3 番目のページは要素上に殘ります。

明らかに、これは予期された動作ではありません。

しかし、解決策は非常に簡単です。各ボタンの active-class 屬性を 'v-btn--active' 以外の値に設(shè)定すると、問題は解決します。

つまり、たとえば:

リーリー
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート