element-ui の el-form フォーム検証。検証は送信ボタンがクリックされたときにのみ実行されます。

:validate-event="false"属性を el-input タグに追加すると、入力プロセス中に値の正当性を検証する必要がなくなります。検証は、送信ボタンがクリックされたときにのみ検証されます。  

// ......

<el-form :inline="true" :model="formData" ref="formDataRef" :rules="formRules">
  <el-form-item v-else label="IP地址：" prop="ip">
      <el-input
      class="ip-ipt"
      ref="ipInput0"
      :validate-event="false"
      v-model="ipArr[0]"
      maxlength="3"
      @input="nextFocus(0)" />
  </el-form-item>
</form>


// ......


let formRules = ref({
  ip: { required: true, trigger: ['blur', 'change'], message: '请输入正确的IP地址' }
});
const formDataRef= ref();



// ......



// 提交事件
const onSubmit = () => {
  ipInput.value.validate((valid: boolean) => {
    if (valid) {}
  })
}