首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

子组件事件回调给父组件

子组件事件回调给父组件

原因:需要在子组件输入框失去焦点时,触发父组件的事件
一 子组件定义事件响应函数,并发射信号

CommonInput.vue
1 定义子组件,失去焦点事件blur绑定响应的函数

    <template>
      <input
        type="text"
        @blur="onBlur"  
    </template>

2 定义子组件响应的函数

        onBlur: function (){
          this.$emit('onBlur')
        },

二 父组件定义事件

Parent.vue
父组件绑定子组件响应函数

    <CommonInput
                @onBlur="modifyUserName"
    </CommonInput>

定义父组件响应的函数

    modifyUserName: function(){

}
返回列表