element ui动态验证表单数据

         <div class="goods" v-for="(item, index) in editForms.list" :key="index">
            <el-form-item
              :label="'奖励时长'"
              :prop="'list.' + index + '.rewardDuration'"
              :rules="[
                {
                  required: true,
                  validator: rewardValidate,
                  trigger: 'change',
                },
              ]"
            >
              <el-input
                v-model="item.rewardDuration"
                maxlength="5"
                :placeholder="'请输入'"
                style="width: 230px"
              >
              </el-input>
            </el-form-item>
        </div>

metheds中

    rewardValidate(rule, value, callback) {
      if (!value) {
        callback(new Error("请输入奖励时长"));
      } else if (!validatNumber(value)) {
        callback(new Error('只能输入整数，输入0无效'));
      } else {
        callback();
      }
    },

注意：list数组必须要放在editForms对象下，‘list.’ + index + '.rewardDuration’前后必须对应，不然下方value拿不到值