elupload如何点击上传的时候如果没有id阻止弹出选择文件窗口
时间: 2024-03-02 18:54:06 浏览: 156
element-ui 中使用upload多文件上传只请求一次接口
5星 · 资源好评率100%
在el-upload组件中,点击上传按钮时会触发before-upload事件。你可以在before-upload事件处理函数中判断是否存在id,如果不存在则阻止弹出选择文件窗口。
具体代码如下:
```html
<template>
<el-upload
action="/upload"
:before-upload="beforeUpload"
>
<el-button>点击上传</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
beforeUpload(file) {
if (!this.$refs.upload.$el.id) {
this.$message.error('请设置id');
return false;
}
// 其他逻辑处理
},
},
}
</script>
```
在before-upload事件处理函数中,我们通过this.$refs.upload.$el.id获取到el-upload组件的id,如果id不存在则弹出提示信息,并返回false,这样就可以阻止弹出选择文件窗口了。
阅读全文