我有兩個組成部分Vue公司JS通過總線共享的數據不能正常工作
1.Search
export default {
mounted() {
console.log('Component mounted :: SearchGas')
},
data() {
return {
form: new Form({
distributor: '',
supplier: ''
})
};
},
methods: {
onSubmit() {
let str = "distributor=" + this.form.distributor + "&supplierId=" + this.form.supplier;
let baseUrl = 'wfengine/price_filter_gas_1/';
Bus.$emit('cards_search_query', baseUrl + '?' + str);
//Here I am updating Vikram
this.$router.push('/results/' + encodeURIComponent(baseUrl + '?' + str));
}
}
}
3.結果
export default {
mounted() {
console.log('Component mounted :: Results');
// console.log(this.$route.params.items);
Bus.$on('cards_search_query', function(query) {
console.log(query);
})
},
data() {
return {
cardList: [],
form: new Form({}),
dataList: [],
createCardList
};
}
}
在我Appjs,我我打電話給我正在做的所有文件
window.Bus = new Vue({});
問題
當我重定向到結果頁,我沒有得到基於所提供的信息是,要在控制檯中看到任何 值
您的應用程序SPA是否可以在兩個組件之間完全重新加載? –
@MU水療中心,如果你想要的話,我可以添加routes.js頁面 – Vikram
原因是你的'結果'組件不存在*在你的'放出'時在DOM中。兩者都需要加載,Vue中沒有堆棧事件。 – Elfayer