beforeEnter でコンポーネントを返す vue router

Question

ルーターに次のパスがあります

リーリー

このパスを入力するたびに、ストア内の値に基づいて異なるコンポーネントを返す必要がありますが、コンポーネントは 1 回だけロードされます。 次のように beforeEnter を使用するように構造を書き換えてみました。 リーリー

しかし、この解決策は機能しません。異なるパスを使用せずに、条件に基づいて異なるコンポーネントを返す必要があります。 beforeEnter の next() でコンポーネントを返すことは可能ですか、それともこの問題を解決する他の解決策はありますか?

Answer 1

動的コンポーネントを使用することをお勧めします。

簡単な解決策を以下に示します。

お使いのルーター

リーリー

ConditionalPage.vue リーリー

ここでは、コードに基づいたより詳細な例を示します。

Vue SFC プレイグラウンド