使用el-upload组件时，在上传文件前验证表单是否添加,未添加则不展示选择文件的页面

要实现的需求：

        表单未填写的时候，点击上传文件，需要先校验表单是否添加，未添加的话就要不显示选择文件的页面。

实现的html代码：

        

<！--添加个click方法--!>
<el-upload
  class="upload-demo"
  drag
  action="https://jsonplaceholder.typicode.com/posts/"
  multiple>
  <i class="el-icon-upload"></i>
  <div @click="handleClickUploadFile">
      <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
      <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
   </div>
</el-upload>

实现的js代码

       

handleClickUploadFile(){
    ... 省略验证表单代码
    e.stopPropagation();  // 阻断显示文件上传的页面
}