java - L'inclusion keep-alive de vue.js ne fonctionne pas

Question

Tant que j'écris la balise keep-alive dans mon projet, peu importe ce que vous exclude y écrivez, toutes les pages seront mises en cache.

<keep-alive exclude="xxx,yyy">
   <router-view></router-view>
</keep-alive>

Besoin d'une solution ?

Answer 1

J'ai aussi trouvé ce problème, l'inclusion est la même, ça ne marche pas ! S'il vous plaît, pourquoi

Answer 2

Vous êtes exclu

Answer 3

Actuellement, il semble que vous ne puissiez pas utiliser directement l'inclusion et l'exclusion lorsque vous utilisez vue-router

Je ne peux écrire que comme ça

<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

Reportez-vous au numéro 811 de vue-router

Answer 4

exclure n'est aucun problème,
quelques points à noter,

La version

1. vue-router doit être 2.1+

2. Pour les composants avec un ensemble d'exclusions, si le composant portant le même nom est commuté, il sera toujours mis en cache car les composants sont réutilisés

.

3. Définissez un nom pour le composant

4. exclude définit le nom du composant correspondant

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

Ouvrez l'exemple ci-dessus,
Cliquez sur /params/foo et le contenu passera de 1234 au début à 2345 après 1 seconde/params/foo 内容会由一开始的1234, 1秒后变成2345
再点击/optional-group/foo/bar
最后再点击/params/foo, 出现的结果一样是1234, 1秒后变成2345, 说明组件没被缓存

删除 代码中的 exclude="foo2"Cliquez à nouveau sur /optional-group/foo/bar

Enfin, cliquez sur /params/foo, et le résultat sera 1234, qui passe à 2345 après 1 seconde, indiquant que le composant n'a pas été mis en cache

Supprimez exclus="foo2" dans le code

🎜Répétez à nouveau les 3 étapes ci-dessus, 🎜Vous constaterez que 1-2 sont les mêmes que ci-dessus, mais dans la troisième étape, 2345 apparaîtra directement sur la page, indiquant que le composant est mis en cache avec succès🎜