iviewフォーム検証selectタグについてv-forを使用している間、ずっと通らない問題を検証します.

iviewフォーム検証select時に失敗した問題
今日はiviewの持参したフォームでselectタグを検証する時、ずっと検証して通っていません.コードは以下の通りです.

label="      " prop="groupId">
  class="width-400px" v-model="dailyTaskItem.groupId" placeholder="       ">
    v-for="item in taskGroupList" :value="item.id" :key="item.id">{{item.name}}
  

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タイプですので、以下のように修正します.

validateFirstStep: {
  groupId: [
    { type: 'number', required: true, message: '       ', trigger: 'change' }
  ],
},