upload组件上传后不让显示文件列表如何实现
时间: 2024-10-17 20:10:45 浏览: 148
在Vue.js中,如果你想使用如Element UI的upload组件上传文件后不显示文件列表,可以采取以下步骤:
1. **禁用默认的查看文件列表功能**:在`el-upload`的选项配置中,你可以设置`show-file-list`属性为`false`,阻止它自动显示已上传文件的列表。
```html
<el-upload
:action="uploadUrl"
:show-file-list="false" <!-- 这里禁用了文件列表 -->
@success="handleSuccess"
></el-upload>
```
2. **自定义处理成功回调**:创建一个`handleSuccess`函数,在这里你可以选择不展示任何文件信息,或者只做后台操作,然后通过其他方式(比如路由跳转、通知等)告知用户文件已经上传。
```javascript
methods: {
handleSuccess(response, file) {
// 可能的操作例如:
this.$notify({
message: '文件上传成功',
type: 'success'
});
// 或者直接隐藏组件,但通常不推荐,因为用户看不到上传结果
// this.$refs.upload.hide();
}
}
```
阅读全文