电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 子组件事件回调给父组件 [打印本页]

作者: look_w 时间: 2019-4-12 15:21 标题: 子组件事件回调给父组件

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

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(){

}

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)