在 ElementUI 中,当输入框的值发生变化时,校验规则可以通过 'trigger' 属性来指定触发校验的时机。在上述代码中, 'trigger: 'change'' 表示在输入框的值发生变化时触发校验。

但是,校验规则的生效还取决于其他因素,比如是否设置了 'v-model' 指令来绑定输入框的值,以及是否正确引入了校验函数。请确保以下几点:

  1. <el-form-item> 标签中,使用 'v-model' 指令绑定输入框的值,例如:<el-input v-model='publicImgAndName'></el-input>

  2. 在 Vue 组件中,正确引入了校验函数,例如:

import { checkPublicImageAndName } from '@/utils/validator';
  1. 在 Vue 组件的 'data' 选项中,定义了 'publicImgAndName' 变量,例如:
data() {
  return {
    publicImgAndName: ''
  };
}

如果以上步骤都正确无误,那么校验规则应该会在输入框的值发生变化时生效。

ElementUI 输入框校验不生效:'change' 触发时机问题

原文地址: http://www.cveoy.top/t/topic/fCoJ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录