要实现的需求:
表单未填写的时候,点击上传文件,需要先校验表单是否添加,未添加的话就要不显示选择文件的页面。
实现的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(); // 阻断显示文件上传的页面
}