elementui中select、时间插件验证问题? 跪求大神指点!!!!!

新手上路,请多包涵

1、设置的验证是为空的时候进行验证,当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' 

}],

未选中值时
clipboard.png

clipboard.png

选中值时
clipboard.png

clipboard.png

阅读 3.7k
2 个回答

Id是 Number 类型,默认验证的type为string。所以验证规则需要加上 type: number,
这样写就ok了report: [{required: true, message: '请选择报表', trigger: 'change', type: 'number' }]

prop="report"改为prop="reportValue"

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题