elementui输入框必填怎么设置

在 ElementUI 中，可以通过设置 `rules` 属性来实现输入框的必填验证。具体操作如下：

1. 在模板中，给输入框添加一个 `ref` 属性，用于在 JavaScript 中访问该输入框：

<el-form-item label="用户名" prop="username">
  <el-input ref="usernameInput"></el-input>
</el-form-item>

2. 在 JavaScript 中，定义验证规则并将其绑定到输入框上：

export default {
  data() {
    return {
      form: {
        username: ''
      },
      rules: {
        username: [
          { required: true, message: '请输入用户名', trigger: 'blur' }
        ]
      }
    }
  },
  methods: {
    submitForm() {
      this.$refs.usernameInput.validate((valid) => {
        if (valid) {
          // 验证通过，执行表单提交操作
        } else {
          // 验证不通过，提示错误信息
        }
      })
    }
  }
}

在上面的代码中，我们定义了一个 `rules` 对象，其中 `username` 属性表示对应输入框的验证规则。这里我们设置了 `required: true`，表示该输入框为必填项；`message` 属性为验证不通过时显示的错误信息；`trigger: 'blur'` 表示在输入框失去焦点时进行验证。

在 `submitForm` 方法中，我们通过 `this.$refs.usernameInput.validate` 方法来触发输入框的验证，如果验证通过，则执行表单提交操作；否则，显示错误信息。