elementui中设置upload的图片为必填项无效，图片上传成功，但提示依然存在

如果你已经在 Element UI 的 Upload 组件中设置了必填规则，但是在上传图片时依然无法触发提示信息，可能是因为你没有设置 `before-upload` 属性。`before-upload` 属性可以用来在上传之前对文件进行校验和处理，如果校验不通过，则不会上传文件，也不会触发上传成功的提示。

以下是一个示例代码，演示如何在 Element UI 的 Upload 组件中设置必填规则和 `before-upload` 属性：

<el-upload
  class="upload-demo"
  action="/your-upload-api"
  :rules="[{
    required: true,
    message: '请上传图片'
  }]"
  :before-upload="beforeUpload"
>
  <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

在上面的代码中，我们将 Upload 组件的 `before-upload` 属性设置为一个函数 `beforeUpload`。该函数会在上传之前被调用，我们可以在该函数中进行必填规则的校验，如果校验不通过，我们可以返回 false，从而阻止文件上传和提示信息的显示。

以下是 `beforeUpload` 函数的示例代码：

beforeUpload(file) {
  const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
  if (!isJPG) {
    this.$message.error('上传图片只能是 JPG 或 PNG 格式!');
    return false;
  }
  const isValidSize = file.size / 1024 / 1024 < 2;
  if (!isValidSize) {
    this.$message.error('上传图片大小不能超过 2MB!');
    return false;
  }
  const isRequired = this.$refs.upload.props.rules[0].required;
  if (isRequired && !file) {
    this.$message.error('请上传图片!');
    return false;
  }
  return true;
}

在上面的代码中，我们首先判断上传的文件是否为 JPG 或 PNG 格式，并且大小是否小于 2MB。如果校验不通过，我们就会返回 false，并且显示错误提示信息。然后，我们还判断了必填规则是否被设置为 true，如果是，但是文件为空，我们也会返回 false，并且显示错误提示信息。

如果你按照上面的方法设置了 Upload 组件的必填规则和 `before-upload` 属性，但依然无法触发提示信息，可能是由于其他问题导致的，请检查你的代码是否存在其他错误。