原因:需要在子组件输入框失去焦点时,触发父组件的事件
一 子组件定义事件响应函数,并发射信号
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(){
} |