vue ant design table校验问题

2,410 阅读1分钟

截屏2021-05-07 下午4.54.35.png 如图,插槽中进行自定义校验的写法:

<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()
        }
      },