Element UI

elementUI Form表单校验 不通过问题

2019-01-07  本文已影响9人  小猫吃鱼1990

遇到一个问题,适用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)所以无论输入什么选择什么都校验不过。

上一篇 下一篇

猜你喜欢

热点阅读