在Element UI的表单验证中,当使用v-model绑定formData,并且配置了校验规则,但是输入框填写数据后仍然提示不能为空的问题,可能是以下几个原因导致:

  1. 检查formData中的属性名是否与rules中的属性名一致,大小写是否匹配。

  2. 检查是否在表单验证之前对formData进行了赋值操作,如果是新增操作,需要先清空formData的值再进行赋值。

  3. 检查是否调用了表单的验证方法,例如this.$refs.form.validate(),如果没有调用验证方法,表单验证规则不会生效。

  4. 检查是否在验证方法中传递了回调函数,如果有回调函数,需要在回调函数中处理验证结果。

如果以上方法都没有解决问题,可以尝试在开发工具中打印输出表单验证的结果,查看具体的错误信息,以便定位问题所在。

elementui的表单验证v-model绑定了formData绑定了rules配置了校验规则为什么input框填写了数据还是提示不能为空呢 template el-dialog visiblesync=dialogVisible closed=afterClose width=width height=height destroy-on-close !

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

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