el-input设置必填

要将 el-input 设置为必填，你需要使用 `required` 属性。这将确保用户在提交表单时必须填写该输入框。以下是一个示例：

<el-input placeholder="请输入内容" v-model="inputValue" required></el-input>

在上面的代码中，`required` 属性被添加到 el-input 元素中。现在，如果用户不填写该输入框并尝试提交表单，将会收到一个提示，要求他们填写该字段。

请注意，这只是前端校验，并不是后台校验。如果你需要在后台进行验证，你还需要在提交表单时进行额外的检查。

相关问题

el-input设置必填星号

### element UI `el-input` 设置必填项星号显示

在 Element UI 的表单组件中，通过配置 `el-form-item` 来标记某个输入框为必填项，并展示红色星号来提示用户该项不能为空。具体实现方式是在 `el-form-item` 上设置属性 `prop` 并关联到对应的字段名，在该字段上定义校验规则时指定其为必填。

对于希望让 `el-input` 前面显示星号的情况，实际上并不是直接针对 `el-input` 进行操作，而是要调整包裹它的 `el-form-item` 组件的相关参数：

- 使用 `required` 属性于 `el-form-item` 中可以控制是否显示星号；
- 结合 `rules` 定义具体的验证逻辑，比如规定某项不可为空等[^1]；

下面给出一段简单的代码片段用于说明如何创建带有必填指示符（即红星）的文本输入控件：

<template>
  <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>
</template>

<script>
export default {
  data() {
    return {
      ruleForm: {
        name: ''
      },
      rules: {
        name: [
          { required: true, message: '请输入活动名称', trigger: 'blur' }
        ]
      }
    };
  }
};
</script>

上述例子中的 `el-form-item` 被赋予了一个名为 "name" 的 `prop` 属性值，这使得它能够参与到由父级 `el-form` 所管理的整体验证流程之中。与此同时，在 `rules` 对象里也存在对应条目的设定——当 `required` 设定为 `true` 后，则会在页面渲染过程中自动显示出代表强制性的红五星符号。

怎么设置el-form-item里面的el-input输入框必填？

你可以在el-form-item里面的el-input输入框中添加一个属性 "required"，这样它就会被设置为必填项。例如：

<el-form>
  <el-form-item label="Username" prop="username" required>
    <el-input v-model="form.username"></el-input>
  </el-form-item>
  <el-form-item label="Password" prop="password" required>
    <el-input v-model="form.password" type="password"></el-input>
  </el-form-item>
</el-form>

在上面的例子中，"required"属性被添加到了el-form-item中的el-input输入框中，这样它们就被设置为必填项了。