如图,插槽中进行自定义校验的写法:
<template #prizeNum="text,record,index">
<a-form-model-item
style="margin-bottom: 0px;"
:label-col="{ span:0 }" :wrapper-col="{ span: 24 }"
:prop="record.tsPrizeInfo.infoId + index + 4"//保持唯一即可
:rules="{'required': true,'message': '请输入奖品数量!','trigger': 'blur','validator':(rule, value, callback) => {
numCheck(rule, value, callback,record)
}}">
<a-input
placeholder="请输入奖品数量"
v-model="record.tsPrizeInfo.prizeNum"
style="width: 100%"
/>
</a-form-model-item>
</template>
//=====校验方法========
numCheck(rule, value, callback, record) {
if(!record.tsPrizeInfo.prizeNum){
callback(new Error(rule.message))
}else {
callback()
}
},