Heim > Artikel > Web-Frontend > Probleme im Zusammenhang mit der Vue-Formularvalidierung im Element
In diesem Artikel wird hauptsächlich die Lösung des Elements in Kombination mit Vue unter der Formularüberprüfung vorgestellt, es wird jedoch ein Fehler angezeigt, wenn ein Wert vorhanden ist. Freunde, die ihn benötigen, können darauf verweisen
Der gebundene Wert muss derselbe sein als durch die Regel angegebener Wert. -------
Schritt eins:
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
Regelreferenz hinzufügen
Teil zwei:
<el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item>
Stütze hinzufügen
Der dritte Teil:
rules: { name: [ { required: true, message: '请输入活动名称', trigger: 'blur' }, { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } ], resource: [ { required: true, message: '请选择活动资源', trigger: 'change' } ], }
Wenn hier Bedarf hinzugefügt wird, ist es nicht erforderlich, den Stützenstumpf hinzuzufügen; weitere detaillierte Überprüfungen finden Sie im Dokument
Der vierte Teil: Klicken Sie hier, um das Formular abzusenden
(Hier ist ein Ort. Denken Sie daran, dass ,3f8cf67e36c8c913f9423253189fad66提交表单7485571ee57e8f18a622e724e109ecc3
hier in Anführungszeichen gesetzt werden muss, damit es erledigt ist.
submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) {
Hier ist, was zu tun ist nachdem die Überprüfung erfolgreich war.
rrreeDas Obige ist, was ich für alle zusammengestellt habe, ich hoffe, dass es in Zukunft für alle hilfreich sein wird
Verwandte Artikel:
So erhalten Sie den angegebenen Indexwert mit jquery
In So implementieren Sie ein Side-Sliding-Menü in MUI
Das Problem der Off- Canvas-Side-Sliding über einen Teil des Mui-Frameworks hinaus
Besser verwenden – in vue2.0 So realisieren Sie Scroll-Sliding auf der mobilen Seite
Verwenden cli+mui in Vue-bezogenen Bereichsscrollproblemen
Bezahlte Online-Kurse in Vue (ausführliches Tutorial)
Das obige ist der detaillierte Inhalt vonProbleme im Zusammenhang mit der Vue-Formularvalidierung im Element. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!