美文网首页Element UI
elementUI Form表单校验 不通过问题

elementUI Form表单校验 不通过问题

作者: 小猫吃鱼1990 | 来源:发表于2019-01-07 17:57 被阅读9次

    遇到一个问题,适用elementUI的表单校验时,select校验总是不用过
    代码如下:

    <el-form label-width="100px" style="margin:20px;" :model="addForm" :rules="rules" ref="addForm" label-position="left">
    
    <el-form-item label="报表" :label-width="formLabelWidth" prop="report">
    
    <el-select v-model="addForm.reportValue" placeholder="请选择报表" style="width:275px">
        <el-option v-for="item in addForm.reportOptions" :label="item.name" :value="(item.id)*1">
        </el-option>
    </el-select>
    </el-form-item>
    
    report: [{
    
    required: true, 
    message: '请选择报表', 
    trigger: 'change' 
    }],
    
    总是报错,就算选择了还是报错如下图 image.png
    image.png

    经过多方排查,终于找到问题所在:
    重点啦!重点啦!
    表单中每个item项v-model绑定的data的字段,必须必须必须,和rules中的对应字段,名字名字名字,一样,否则校验时取不到值(undefined)所以无论输入什么选择什么都校验不过。

    相关文章

      网友评论

        本文标题:elementUI Form表单校验 不通过问题

        本文链接:https://www.haomeiwen.com/subject/ezqprqtx.html