美文网首页
Vuejs中父组件主动调用子组件的方法

Vuejs中父组件主动调用子组件的方法

作者: Devid | 来源:发表于2017-08-12 10:48 被阅读5027次

我们都知道,vue是单向流,但是有时候我们需要在父组件中主动通知子组件一些信息,使其做出一些响应变化,那么如何在父组件中去主动调用子组件的方法呢?Vue当然给我们提供了方法,如下:

  1. 首先在子组件中进行事件广播
created: function(){
    this.$on('handleChange', function(){
      console.log('something handled!');
    });
  }
  1. 在父组件中指定子组件的ref,如child,然后通过一下方式调用:
this.$refs['child'].$emit('handleChange');

核心还是事件的分发及相应:$on$emit

相关文章

网友评论

      本文标题:Vuejs中父组件主动调用子组件的方法

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