vue.jsのキープアライブインクルードが機能しない - コードログ

Question

私のプロジェクトに keep-alive タグがある限り、exclude に何を書いても、すべてのページがキャッシュされます。

リーリー

解決策が必要ですか?

Answer 1

私もこの問題を見つけました。インクルードは同じですが、機能しません。 理由を教えてください

Answer 2

あなたは除外されます

Answer 3

現在、vue-routerを使用する場合、includeとexcludeを直接使用することはできないようです

こんなことしか書けない

リーリー

vue-routerの問題#811を参照

Answer 4

除外は全く問題ありませんが、
注意点がいくつかあります

1. vue-router バージョンは 2.1+

である必要があります

2. 除外設定が設定されているコンポーネントの場合、同じ名前のコンポーネントが切り替えられた場合でも、コンポーネントが再利用されるため、キャッシュされます

。

3. コンポーネントに名前を設定します

4. excludeは、対応するコンポーネントの名前を設定します

https://jsfiddle.net/lincenyi...

上記の例を開きます。
/params/foo をクリックすると、内容が最初の 1234 から 1 秒後の 2345 に変わります。 /params/foo 内容会由一开始的1234, 1秒后变成2345
再点击/optional-group/foo/bar
最后再点击/params/foo もう一度 /optional-group/foo/bar をクリックしますcode >

最後に、/params/foo をクリックすると、結果は 1234 になり、1 秒後には 2345 に変わり、コンポーネントがキャッシュされていないことを示します

exclude="foo2"コード内の

を削除します
上記の 3 つの手順をもう一度繰り返します。

1 ～ 2 は上記と同じであることがわかりますが、3 番目の手順では、2345 がページに直接表示され、コンポーネントが正常にキャッシュされたことを示します🎜