web-dev-qa-db-fra.com

Restez en vie sur une seule route au lieu de toutes les routes en mode routeur

si keep-alive est spécifié à router-view comme ci-dessous

<keep-alive>
    <router-view></router-view>
</keep-alive>

puis toutes les routes sont effectivement mises en cache et rechargées lorsque cette route est revisitée.

Je voudrais pouvoir spécifier une option de maintien en vie sur des itinéraires individuels.

Avec de nombreuses routes et seulement 1 ou 2 qui doivent être maintenues en vie sans restitution du cache, toutes les routes sont inutiles

existe-t-il une méthode pour le faire ou une solution de contournement disponible

vue.jsvuejs2vue-componentvue-router
15
boomerboy

https://jsfiddle.net/Linusborg/L613xva0/4/

Nouveau dans Vue version 2.1.0, les accessoires include et exclude pour la mise en cache conditionnelle des composants. Notez l'utilisation de l'option name.

const Foo = {
    name: 'foo',
  template: '<div><p v-for="n in numbers">{{ n }}</p></div>',
  data: function() {
    return {
        numbers: [Math.round(Math.random() * 10), Math.round(Math.random() * 10)]
    }
  }
}

const Bar = {
    name: 'bar',
    template: '<div><p v-for="n in numbers"><strong>{{ n }}</strong></p></div>',
  data: function() {
    return {
        numbers: [Math.round(Math.random() * 10), Math.round(Math.random() * 10)]
    }
  }
}
17
Eric Guan