vue el-upload必填校验

Vue的el-upload组件可以用来实现文件上传功能，而必填校验可以通过对上传文件数目的限制来实现。

具体来说，可以通过设置el-upload组件的prop属性中的before-upload方法来实现必填校验。在这个方法中，我们可以通过判断上传文件数目是否符合要求来决定是否上传文件。例如，以下代码表示只能上传一个文件，且必须上传文件：

<el-upload
  class="upload-demo"
  action="/upload"
  :before-upload="uploadBefore"
>
  <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
  <div slot="tip" class="el-upload__tip">只能上传一个文件，且必须上传文件</div>
</el-upload>
<script>
export default {
  methods: {
    uploadBefore(file) {
      if (this.$refs.upload.uploadFiles.length > 0) {
        this.$message.error("只能上传一个文件");
        return false;
      } else if (!file) {
        this.$message.error("必须上传文件");
        return false;
      }
      return true;
    }
  }
}
</script>