在vue頁面之間傳遞參數,但是傳遞成功,賦值卻不成功1、想要實現的效果:頁面A有一個按鈕按下之后,會進入頁面B,在頁面B中點擊列表項就會返回頁面A,并帶回列表項的數據2、操作步驟:創建eventBusimport Vue from 'vue'var eventBus=new Vue({});export default eventBus;頁面Bimport eventBus from 'eventBus.js';
//methods
backData(item){
eventBus.$emit('choiceAddress'item);
this.$router.go(-1);
}頁面Aimport eventBus from 'eventBus.js';//mountedeventBus.$on('choiceAddress', function(data){ console.log(data);//這里可以獲得data,并賦值成功
this.getAddress=data;
}.bind(this));console.log("this.getAddress"+this.getAddress)//在除了上面的方法中,外面獲得的this.getAddress都沒有賦值成功,是初始值在頁面A中可以獲得頁面B中傳過來的參數,但是對 this.getAddress的賦值卻在eventBus.$on函數之外的地方好似并沒有進行賦值,仍然是原始值,比如:我想要在mounted的時候調用了一個方法,這個方法中console.log(this.getAddress);就會是原始值mounted(){ this.a();
},
methods:{
a(){
console.log(this.getAddress);
}
}不是mounted中調用方法也是如此請問這個值怎么能夠賦值成功呢?
vue 頁面間eventBus傳遞參數賦值不起作用
明月笑刀無情
2018-11-16 08:02:52