vue 中 el-input 怎么设置必填

在 `el-input` 中设置必填可以使用 `:rules` 属性，该属性接受一个数组，数组中每个元素都是一个验证规则对象，可以使用 `required` 规则来表示必填，例如：

<template>
  <el-form>
    <el-form-item label="用户名" prop="username">
      <el-input v-model="username" :rules="usernameRules"></el-input>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      usernameRules: [
        { required: true, message: '请输入用户名', trigger: 'blur' }
      ]
    }
  }
}
</script>

在上面的代码中，我们给 `el-input` 绑定了一个 `rules` 属性，该属性的值是一个数组，其中有一个元素 `{ required: true, message: '请输入用户名', trigger: 'blur' }`，表示必填，如果用户没有输入用户名，则会弹出错误提示信息 `'请输入用户名'`。`trigger` 属性表示触发验证的事件，默认为 `blur`，表示失去焦点时触发验证。