El-select adds form validation and does not perform. What's the problem?

 <el-form-item prop="test2">
          <el-select v-model="form.discountId" :disabled="!(form.discount === 3)">
            <el-option v-for="item in discountschema"
                       :key="item.id"
                       :label="item.name"
                       :value="item.id"
                       ></el-option>
          </el-select>
          </el-form-item>
 const validateTest = (rule,value,callback) => {
        
        if (!(this.discount === 3)) {
          callback();
        }
        else {
          console.log("dsafsaf");
          this.discountschema.map(item =>{
            if (!item.discountId){
              callback(new Error("fasdfadf"));
            }
          });
        }
      };
 test2: [
            {validator: validateTest, required: true, trigger: "blur"}
          ],

write a check to a select if the select is not selected and worth it, you need to be prompted, but the check is not performed. I don"t know where the problem

Mar.04,2021

the value binding of v-model is inconsistent with that of prop


Code sticking point, you are sure to add rules


prop and v-model are not consistent

clipboard.png

Menu