表单校验时一定要加rule规则,同时表单要加上model
例如: <el-form ref="tableFrom" label-width="150px" :model="tableFrom" :rules="rules">
<el-form-item prop="title" label="标题">
<el-input v-model="tableFrom.title" style="width:35%;"> </el-input>
</el-form-item>
</el-form>
data(){
return{
rules: {
title:[ { required: true, message: "请输入标题", trigger: "blur" } ],
//username:[{required:true,trigger: ['blur', 'change'],message:"请输入账号"}],
}
}
}
效果展示: