題目描述

使用iview的select組件，組件里面的數(shù)據(jù)需要異步獲取，在獲取回來賦值之后，觸發(fā)了Form里面的rules驗證，導致一打開頁面就會出現(xiàn)錯誤提示

題目來源及自己的思路

使用created去獲取數(shù)據(jù)回來賦值、去掉了rules里面的trigger: 'change'，還是會觸發(fā)rules的驗證，出現(xiàn)錯誤提示

把rules里面的trigger改成blur，初始化的時候不會報錯，但是blur的時候不能通過rules的驗證，選擇了數(shù)據(jù)，錯誤提示不會消失

相關(guān)代碼

select組件

<FormItem label="資金類別" prop="fundsCategory">
    <Select v-model="formValidate.fundsCategory">
        <Option v-for="item in initData.fundsCategory" :value="item.value" :key="item.value" :label="item.label"></Option>
    </Select>
</FormItem>

Form組件

<Form ref="projectAddForm" :model="formValidate" :rules="ruleValidate" :label-width="180">

異步獲取select的數(shù)據(jù)

this.initData.fundsCategory = (await Ajax.get('/api/xxxxxxxxx')).data.result.map((item:any) => {
    return {
        label: item.displayName,
        value: item.id
    }
})

rules驗證里面的規(guī)則

fundsCategory: [{ required: true, type: 'number', message: '請選擇資金類別' }], 

怎么能讓異步賦值的時候避免觸發(fā)rules的驗證呢？或者怎么寫能讓異步請求全部回來之后才讓iview去驗證rules呢？請大家賜教