Element-ui 中的上传组件,隐藏的上传文件框
在Element UI中,如果你想要隐藏上传组件的文件选择框,可以通过CSS来实现。你可以给上传组件添加一个类名,然后使用CSS将其隐藏。
HTML:
<el-upload
class="hide-file-input"
action="https://jsonplaceholder.typicode.com/posts/"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选择文件</el-button>
</el-upload>
CSS:
<style>
.hide-file-input .el-upload__input {
display: none;
}
</style>
这段CSS会选择.hide-file-input
类下的.el-upload__input
元素,并将其隐藏。这样用户就看不到用于选择文件的部分,只能通过其他方式(如按钮)来触发上传。
评论已关闭