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

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' }
  ],
},