关于iview表单验证select标签在使用v-for的时候验证一直不通过的问题

来源：互联网发布：kx tda100 软件编辑：程序博客网时间：2024/05/29 23:44

iview进行表单验证select时候验证失败的问题

今天在用iview自带的表单验证select标签的时候，一直验证不通过，代码如下：

<FormItem label="所属任务分组" prop="groupId">  <Select class="width-400px" v-model="dailyTaskItem.groupId" placeholder="请选择任务分组">    <Option v-for="item in taskGroupList" :value="item.id" :key="item.id">{{item.name}}</Option>  </Select></FormItem>

taskGroupList数据结构如下：

taskGroupList: [  {    groupId: 123,    name: '分组001'  },  {    groupId: 125,    name: '分组002'  },  {    groupId: 153,    name: '分组003'  }],

后来查看了文档，iview内部用async-validator: https://github.com/yiminghe/async-validator

iview默认校验数据类型为String，而我的select用的value是number类型的,所以修改如下(校验添加type):

validateFirstStep: {  groupId: [    { type: 'number', required: true, message: '请选择任务分组', trigger: 'change' }  ],},

阅读全文

1 0