Mise à jour VueJs composant sur la route à modifier

Est-il un moyen de re-rendre un composant sur la route à modifier? Je suis l'aide de Vue Routeur 2.3.0, et je suis en utilisant le même composant dans de multiples voies. Il fonctionne très bien la première fois ou si je naviguer sur un itinéraire qui n'utilise pas le composant, puis aller pour une qui ne. Je suis de passage ce qui est différent dans les accessoires comme

{
  name: 'MainMap',
  path: '/',
  props: {
    dataFile: 'all_resv.csv',
    mapFile: 'contig_us.geo.json',
    mapType: 'us'
  },
  folder: true,
  component: Map
},
{
  name: 'Arizona',
  path: '/arizona',
  props: {
    dataFile: 'az.csv',
    mapFile: 'az.counties.json',
    mapType: 'state'
  },
  folder: true,
  component: Map
}

Alors que je suis en utilisant les accessoires pour charger une nouvelle carte et de nouvelles données, mais la carte reste la même que lors du premier chargement. Je ne suis pas sûr de ce qu'il se passe.

Le composant ressemble à ceci:

data() {
  return {
    loading: true,
    load: ''
  }
},

props: ['dataFile', 'mapFile', 'mapType'],

watch: {
    load: function() {
        this.mounted();
    }
},

mounted() {
  let _this = this;
  let svg = d3.select(this.$el);

  d3.queue()
    .defer(d3.json, `static/data/maps/${this.mapFile}`)
    .defer(d3.csv, `static/data/stations/${this.dataFile}`)
    .await(function(error, map, stations) {
    //Build Map here
  });
}
  • Afficher le composant?
  • Aussi, ce routeur version?
  • J'ai mis à jour la question avec le composant et vue routeur version. Merci
InformationsquelleAutor user1627827 | 2017-04-18