Event Bus 在Vue中的使用

作者: 蘇上方 | 来源:发表于2017-04-14 10:51 被阅读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)=> {
    })
    

    相关文章

      网友评论

      本文标题:Event Bus 在Vue中的使用

      本文链接:https://www.haomeiwen.com/subject/czlwattx.html