Heim  >  Artikel  >  Web-Frontend  >  Probleme im Zusammenhang mit der Vue-Formularvalidierung im Element

Probleme im Zusammenhang mit der Vue-Formularvalidierung im Element

亚连
亚连Original
2018-06-11 10:41:202187Durchsuche

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: &#39;请输入活动名称&#39;, trigger: &#39;blur&#39; },
{ min: 3, max: 5, message: &#39;长度在 3 到 5 个字符&#39;, trigger: &#39;blur&#39; }
],
resource: [
{ required: true, message: &#39;请选择活动资源&#39;, trigger: &#39;change&#39; }
],
}

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.

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn