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 ，<el-button type="primary" @click="submitForm(&#39;ruleForm&#39;)">提交表单</el-button> 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.

rrree

Das 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!