标签搜索

vue兄弟主件的通讯

cicaba
2018-01-07 / 0 评论 / 2 阅读 / 正在检测是否收录...

情况如下:


两个兄弟主件(A,B),在A主件中调用B主件的中的方法实现通讯.
在这里我们要借助vue的自定义事件和自定义事件监听机制,vm.$on( event, callback )和vm.emit().
我们必须把B主件引用(ref)在父主件上,这样做的目的就是在父主件中可以调用子主件的方法.
那么现在只要在主件A调用父主件的方法就可以解决问题.就实现了一个调用链(A->父->B).

  1. 在父主件监听A主件的自定义事件vm.$on( event, callback ).
  2. 在A主件内部触发自定义事件vm.emit( event ).
  3. 在父主件内的监听回调中调用主件B的方法.这样就实现了主件A调用主件B的方法,也就实现了兄弟主件的通讯.
0

评论 (0)

取消