在el-input标签上加一个   :validate-event="false" 属性即可实现输入过程中不再校验值的合法性,只有点击提交按钮才会校验:

// ......

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

GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:7 个月前 )
c345bb45 11 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 11 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐