有个需求,要求input框失焦
或者键盘按下Enter键时触发handleAddDomain事件,但是实际上在按下Enter键后,会触发两次handleAddDomain事件
<el-input
class="input-new-tag"
v-if="inputDomainVisible"
v-model.trim="inputDomainVal"
ref="saveTagInput"
size="small"
@keyup.enter.native="handleAddDomain"
@blur="handleAddDomain"/>
原因:键盘按下Enter键执行handleAddDomain方法同时会自动触发blur
事件,导致handleAddDomain被执行了两次
解决:键盘按下Enter键执行blur
<el-input
class="input-new-tag"
v-if="inputDomainVisible"
v-model.trim="inputDomainVal"
ref="saveTagInput"
size="small"
@keyup.enter.native="$event.target.blur"
@blur="handleAddDomain"/>