element-ui表单验证一直提示不能为空

最新推荐文章于 2023-12-27 16:26:29 发布

linlinxie

最新推荐文章于 2023-12-27 16:26:29 发布

阅读量2.5w

点赞数 15

文章标签： vue element-ui

本文链接：https://blog.csdn.net/linlinxie/article/details/86756001

版权

文档没写出来：form-item的prop属性要和model绑定的属性一直，坑。

原来的的代码：

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

原因是输入框绑定的model是name属性，因此prop也应该由“test”改为name即可

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