el-form不使用required: true如何添加必填

可以在表单项的rules属性中自定义校验规则，如下：

<el-form-item label="姓名" prop="name">
<el-input v-model="form.name"></el-input>
</el-form-item>

//自定义校验规则
rules: {
name: [
{ required: true, message: "请输入姓名", trigger: "blur" }
]
}

在这里，将表单项的prop属性设置为字段名（如"name"），然后在rules属性中定义相应的校验规则。这样，在提交表单时，就会自动校验表单项的内容是否符合规则，并给出相应提示。

相关问题

el-form-item中:required

在el-form-item中，required是一个属性，用来指定表单项是否需要进行非空验证。当required的值为true时，表示需要进行非空验证，即该表单项必填；当required的值为false时，表示不需要进行非空验证，即该表单项非必填。该属性可以用于控制表单项的输入状态，当required为true并且disabled为false时，当前输入框可以输入，并且输入的内容需要进行非空验证；当required为false并且disabled为true时，当前输入框不能输入，并且输入框不进行非空验证。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-form-item 使用 required 属性改变自定义校验文字](https://blog.csdn.net/qq_43750656/article/details/127881453)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [记一次使用ElementUi框架给Form中的Table添加表单验证](https://blog.csdn.net/u011523825/article/details/127317636)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

el-form-item中 :rules

el-form-item中的 :rules 是用来设置表单验证规则的属性。它可以接收一个数组，数组中每个元素都是一个验证规则对象，用来对表单项进行验证。

例如，我们可以在一个 el-form-item 中设置一个必填项的验证规则：

<el-form-item label="用户名" prop="username" :rules="[{ required: true, message: '请输入用户名', trigger: 'blur' }]">
  <el-input v-model="username"></el-input>
</el-form-item>

这样，当用户没有输入用户名时，表单项会显示错误提示信息。