原文:表单编辑时el-form的validate方法执行无效,阻塞代码运行 - Element UI踩坑记录

今天在用element ui写管理后台需求时,遇到一个奇怪的问题 一个正常带校验的表单,在新增列表数据时表单校验功能正常 但是在新增之后再去编辑数据时,表单校验却失效了,甚至阻塞了后续的代码执行,控制台却没有任何报错信息,这让我感到非常奇怪 附上表单校验处代码 在validate方法回调函数的第一行打印了日志,控制台没有任何输出,说明代码没有执行。 查阅了element文档以及度娘,有说是自定义校 ...

2021-10-28 18:20 0 1084 推荐指数:

查看详情

element中的el-form

1. prop对应的不单单是rules规则里面的验证项,同时对应着我们form-item下的v-model的值。prop绑定的类要与el-form-item下的v-model的值相对应。我们将其做个修改 ...

Fri Sep 25 22:21:00 CST 2020 0 4972
22 element-uiForm表单el-form标签

Form 表单: 由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据。 具体用法参考官网吧,中文的。 https://element.eleme.cn/#/zh-CN/component/form ...

Thu Dec 31 18:47:00 CST 2020 0 333
element-uiForm表单el-form标签

element-ui官网教程:https://element.eleme.cn/#/zh-CN/component/form 腾讯云:https://cloud.tencent.com/developer/section/1489884 行内表单:设置 inline ...

Mon Oct 12 19:09:00 CST 2020 0 9623
element-uiel-table和el-form表单校验嵌套使用

在项目有遇到table中嵌套form,并且带有表单验证的需求,效果图如下: 刚开始el-form-item定义了静态prop(prop=“sn”),结果input填入值后错误提示一直存在,自定义校验的value也为undefined,然后经百度大神提点,得知 ...

Wed Nov 25 21:51:00 CST 2020 0 1014
element-uiel-table和el-form嵌套使用表单校验

表格中嵌套使用表单验证 表格是el-table自动获取的后台数据,每行都有el-input的验证,这样一个rules的规则就不能匹配到每一行,所以要是用动态的prop和rules规则 需求如下,要对告警阈值进行验证 废话不多说,上代码 关键一 此处 data中定义的变量 ...

Wed Mar 04 23:27:00 CST 2020 3 15313
vue element-uiel-table和el-form嵌套使用表单校验

表格是el-table自动获取的后台数据,每行都有el-input的验证,这样一个rules的规则就不能匹配到每一行,所以要是用动态的prop和rules规则 关键一 此处 data中定义的变量,params:表格数据,后台查询获得 ...

Sun Jan 17 00:12:00 CST 2021 0 476
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM