要实现`el-form-item`校验必填项且内容不允许只为空格，可通过以下两种方法： ### 方法一：使用自定义校验规则 ```vue <template> <el-form :rules="formRules" :model="formData"> <el-form-item label="输入内容" prop="inputValue"> <el-input v-model="formData.inputValue"></el-input> </el-form-item> </el-form> </template> <script> export default { data() { const validateInput = (rule, value, callback) => { if (!value || value.trim() === '') { callback(new Error('该项为必填项，且内容不能只为空格')); } else { callback(); } }; return { formData: { inputValue: '' }, formRules: { inputValue: [ { validator: validateInput, trigger: 'blur' } ] } }; } }; </script> ``` 在上述代码中，定义了自定义校验函数`validateInput`，先判断输入值是否为空或去除空格后为空，若满足则提示错误信息，否则校验通过。 ### 方法二：结合自带规则和正则表达式 ```vue <template> <el-form :rules="rules" :model="form" label-width="80px"> <el-form-item label="活动名称" prop="name"> <el-input v-model="form.name"></el-input> </el-form-item> </el-form> </template> <script> export default { data() { return { form: { name: '' }, rules: { name: [ { required: true, message: '请输入活动名称', trigger: 'blur' }, { pattern: /^\S.*$/, message: '内容不能只为空格', trigger: 'blur' } ] } }; } }; </script> ``` 此方法使用`required`规则校验必填项，同时用正则表达式`/^\S.*$/`校验内容不能只为空格。