美文网首页
2020-10-15 关于使用$emit在父子组件间传值

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

作者: arch鲸海 | 来源:发表于2020-10-20 13:57 被阅读0次

    $emit("事件名",data)

    图1

    上图可知,组件名叫trainCity

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

    图2 图3

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

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

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

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

    相关文章

      网友评论

          本文标题:2020-10-15 关于使用$emit在父子组件间传值

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