前端杂货铺Vue.js开发技巧Vue.js专区

Event Bus 在Vue中的使用

2017-04-14  本文已影响955人  蘇上方
// bus.js
export default new Vue();
使用on全局监听
import Bus from '../bus.js';

export default {
  ready() {
    Bus.$on('loadSuccess', text => {
      this.show = true;
      this.status = 'loadSuccess'
      if (text) {
        this.text = text;
      }
    })
  },
}
使用$emit触发事件。
ajax({
  url: Config.API_ADDRESS_ADD,
  type: 'post',
  dataType: 'json',
  data: data
}).then((data)=>{
    Bus.$emit('loadSuccess', '添加成功!');
}).catch((data)=> {
})
上一篇下一篇

猜你喜欢

热点阅读