Element UI Message 在两个输入框都做校验弹框时反复触发

Question

  <el-input style='width:336px;height:20px;'
    placeholder="请输入内容"
    v-model="creditCode"
    @blur="creditInfo"
    :maxlength=25>
 </el-input>
        
    <el-input style='width:336px;height:20px;'
        placeholder="请输入"
        v-model="creditCode"
        @blur="creditInfo"
        :maxlength=25>
  </el-input>
  
  
  
  this.$alert('不能为空！','认证', {
    confirmButtonText: '确定',
    beforeClose: (action, instance, done) => {
      console.log(33333)
    },
    callback:function(){
        console.log(3432)
             Message.close()
    }
  });
  
  
  

两个输入框都有校验 当我光标定位到第一个输入框什么内容都不输入直接定位到第二个输入框后会反复触发blur 事件 弹框无法消失 怎么处理呢

Answer 1

两个 input 相同 v-model blur 引起的吧