2020-10-15 关于使用$emit在父子组件间传值

2020-10-20  本文已影响0人  arch鲸海

$emit("事件名",data)

图1

上图可知,组件名叫trainCity

在父组件中使用了子组件,里面有一个事件就叫showCityName,这个名字得和子组件中$emit中的事件名称一样,该事件绑定了一个方法为updateCity

图2 图3

子组件可以使用 $emit 触发父组件的自定义事件。

vm.$emit( event, arg ) //触发当前实例上的事件

vm.$on( event, fn );//监听event事件后运行 fn;

所以,上面这个例子中的showCityName是父组件的自定义事件,子组件中的只是跟着相同而已

上一篇下一篇

猜你喜欢

热点阅读