Problèmes liés à la validation du formulaire vue dans l'élément

Cet article présente principalement la solution de element combinée avec vue sous vérification de formulaire, mais il provoque une erreur lorsqu'il y a une valeur. Les amis qui en ont besoin peuvent s'y référer

La valeur liée doit être la même. comme valeur spécifiée par la règle -------

Première étape :

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">

Ajouter une référence de règle

Deuxième partie :

<el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item>

Ajouter un accessoire

Partie 3 :

rules: {
name: [
{ required: true, message: '请输入活动名称', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
resource: [
{ required: true, message: '请选择活动资源', trigger: 'change' }
],
}

Si requis est ajouté ici, il n'est pas nécessaire de l'ajouter à l'arrière de l'accessoire pour d'autres vérifications détaillées ici ; , veuillez consulter le document

Quatrième département : cliquez pour soumettre le formulaire

(Il y a une place ici. N'oubliez pas que ，<el-button type="primary" @click="submitForm(&#39;ruleForm&#39;)">提交表单</el-button> ici doit être mis entre guillemets, faites-le

submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {

Voici ce qu'il faut faire une fois la vérification réussie

} else {
console.log('error submit!!');
return false;
}
});
},

Ce qui précède est ce que j'ai compilé pour vous, j'espère que cela vous sera utile à l'avenir

<.>Articles connexes :

Comment obtenir la valeur d'index spécifiée avec jquery

Comment implémenter un menu coulissant latéral dans MUI

Le problème de la partie dépassant le glissement latéral hors toile dans le framework mui

Comment utiliser better-scroll dans vue2.0 pour réaliser un glissement mobile

Utilisation de cli+mui dans Vue pour avoir des problèmes de défilement de zone

Cours payants en ligne dans Vue (tutoriel détaillé)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!