Есть ли способ переопределить компонент при изменении маршрута? Я использую Vue Router 2.3.0, и я использую один и тот же компонент на нескольких маршрутах. Он работает отлично в первый раз, или если я перехожу к маршруту, который не использует компонент, а затем перейдите к тому, что делает. Я передаю то, что по-разному в реквизитах.
{
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
}
Затем я использую реквизиты для загрузки новой карты и новых данных, но карта остается такой же, как при первой загрузке. Я не уверен, что происходит.
Компонент выглядит следующим образом:
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
});
}