eel-form中的表单项提取出来，作为一个组件。一般情况下，el-form-item表单项里的元素是直接用的，如第一张图红的el-input。现在我将整个el-form-item提取出来了。但是prop属性却不好用了。有什么解决方法吗？
el-form的表单校验，prop属性
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
崽崽的谷雨 2021-06-16 09:54关注你看官网例子里el-form的model是numberValidateForm。然后el-input的model是numberValidateForm.age这样提交时才可以获取到这个值。你分成一个组件siteNum时，没有和form的model结合。提交时因该获取不到值的吧
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏无用 1举报 分享
- 2024-07-08 10:27养乐多～ch的博客 ElementUI问题:el-form表单校验功能
- 2024-08-09 11:28开发那点事儿~的博客 el-form表单校验的开启或关闭
- 2024-09-27 15:24神膘护体小月半的博客 活动类型，form-iem 内部嵌套 form-item，用新的 prop 属性去校验。
- 2020-10-12 11:50毕小宝的博客 Vue 的 el-form 提供了表单校验功能，通过 :rules 属性设置校验规则，并通过 el-form-item 的 prop 属性绑定校验规则。通过封装，让前端校验更方便。具体使用过程中，有几个容易出错的地方，本文来整理一下。每一个...
- 2022-06-30 17:34i_am_a_div_日积月累_的博客 el-form表单新增表单项动态校验；el-form校验动态表单v-if不生效；
- 2025-05-07 15:37gdjxy的博客 核心点：prop要动态绑定,rules直接写行内就可以了。
- 2024-08-04 22:42fanziziYo的博客 遇到多个选择下拉框校验问题，尝试普通自动校验无果。
- 2024-06-13 14:26和烨的博客 Vue3表单组件el-form校验规则rules属性
- 2021-12-03 17:48潇蓝诺依的博客 文章目录rules 绑定对象校验数组校验rules 中的关键字说明Typerequiredpatternmin/maxLenenumwhitespacetransformfieldsmessagevalidator rules 绑定 绑定到el-form <template> <el-form ref="form" :...
- 2024-10-18 09:18是果子a的博客 rules是一个对象，其中每个键对应表单中的一个字段名，值是一个数组，数组中的每个元素代表对该字段的一个校验规则。
- 2023-10-14 11:54Lavian_的博客 el-form表单校验失效问题解决
- 2022-03-31 10:10小猪大哥的博客 1、局部校验 填写时校验 在<el-form>标签中使用:rules=... payMode: [//el-form-item标签中的prop { required: true, message: "请选择支付方式", trigger: "change" } ], allongeQuantity: [ { re...
- 2024-03-12 11:37干了这碗小米汤儿的博客 el-form表单结合el-row循环数组，动态添加prop，最后进行表单验证
- 2023-06-29 14:38一颗大橙子c的博客 实踩过elementUi中el-form 表单校验的坑
- 2025-04-01 11:03白小水i的博客 el-form自定义表单校验规则
- 2021-01-08 15:10别来打扰我的博客 Vue 的 el-form 提供了表单校验功能， :rules 属性设置校验规则，并通过 el-form-item 的 prop 属性绑定校验规则。组件封装，让前端校验更方便。 具体使用过程中，有几个容易出错的地方，本文来整理一下。每一个坑都...
- 没有解决我的问题, 去提问
问题事件
系统已结题
4月16日
已采纳回答
4月8日