elementui上传成功隐藏组件
时间: 2023-09-09 17:01:39 浏览: 46
Element UI是一个基于Vue.js的UI组件库,提供了丰富的组件和功能。在Element UI中,上传组件的上传成功后默认是会显示上传成功的提示信息。如果需要隐藏上传成功的提示组件,可以通过以下方式实现:
1. 设置属性:可以通过设置upload组件的show-file-list属性为false来隐藏文件列表。代码如下:
<el-upload
class="upload-demo"
action="/upload"
:show-file-list="false">
<el-button slot="trigger" size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">{{tipText}}</div>
</el-upload>
2. 自定义样式:可以通过设置upload组件的自定义样式,将上传成功的提示信息隐藏起来。代码如下:
<style>
.el-upload-success {
display: none;
}
</style>
<template>
<el-upload
class="upload-demo"
action="/upload">
<el-button slot="trigger" size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">{{tipText}}</div>
</el-upload>
</template>
通过以上方法,可以实现隐藏Element UI上传成功的提示组件。