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

文档没写出来：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>