Element-UI el-select Validierung

Question

Ich benutze Vue mit Element-Ui und ich habe Probleme mit der Validierung Trigger auf meinem <el-select> Element. Im Wesentlichen ist es das, was die HTML

<el-form-item label="Partner" prop="partner">  
    <el-select class="dialog-select" v-model="form.partner" placeholder="Partner"> 
     <el-option label="Zone one" value="shanghai"></el-option> 
     <el-option label="Zone two" value="beijing"></el-option> 
    </el-select> 
</el-form-item> 

und die JS Validierung des Elements wie

sieht wie folgt aussieht

partner: [ { validator: validateInput, trigger: 'blur' } ] 

Mein Standard <el-input> Validierungen jedoch ausgelöst werden. Ich habe versucht, den Auslöser auf input, blur sowie focus zu ändern, und keines dieser Ereignisse wird ausgelöst. Ich kann keine Dokumente darüber finden, um welche Art von Auslöser es sich auch handelt.

Edit: Ich habe eine Geige mit dem Problem hochgeladen. Der Validator wird OnSubmit auslösen, wird aber auch nicht gelöscht, sobald die Regel bestanden wurde.

https://jsfiddle.net/k66a1gst/

Answer 1

fand ich den richtigen Auslöser für dieses Element, es ist der Auslöser change ist. Der change Trigger wird auch für Dinge wie Daten benötigt. Es wird Ihnen jedoch keinen Validierungsfehler beim Tabbing über den Bildschirm hinauswerfen.