element-ui 表单验证（解决了表单验证不生效的问题）vue有关elementui form表单rules验证问题，有值却仍然显示不通过

最新推荐文章于 2024-08-09 10:12:44 发布

Monop

最新推荐文章于 2024-08-09 10:12:44 发布

阅读量4.8k

点赞数 1

文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/m0_53251830/article/details/122552893

版权

当Element-UI的表单验证不生效时，问题可能出在rules参数与model绑定值不一致或路径错误。在遍历数组数据的表单情况下，确保el-form的:model与data对象对应，el-form-item的:prop应设置为'formData.'+index+'.value'，确保与data字段匹配。

摘要由CSDN通过智能技术生成

一般有值，但是表单认证不通过，是因为设定的rules参数和model绑定的参数不一致，或者是地址部一直，这些需要注意的点查一下都有，就不赘述了。下面说说另外一中用法，:prop='formData.'+index+'.value'

遍历表单的情况下表单检验

对于数组数据如：

modelData:{
    id:'123',
    name:'用户数据',
    formData:[    //关键数据
        {   
            title:"姓名",
            paramName:"name",
            type:"text",
            null:false,  // 是否允许为空
            value:''
        },
        {   
            title:"学号",
            paramName:"No",
            type:"text",
            null:false,
            value:''
        },
        {   
            title:"班级",
            paramName:"classNum",
            type:"text",
            null:true,
            value:'&