el-upload上传图片隐藏
时间: 2023-10-08 13:06:09 浏览: 111
要隐藏el-upload上传图片按钮,可以通过设置CSS样式或绑定一个占位class来实现。根据引用的内容,有几种方法可以隐藏上传按钮:
方法一:通过设置CSS样式隐藏el-upload上传按钮
在样式中添加以下代码:
```
.hideUpload /deep/ .el-upload{
display:none; /* 上传按钮隐藏 */
}
```
这样就可以隐藏el-upload上传按钮。
方法二:通过设置绑定的class来隐藏el-upload上传按钮
在el-upload组件中绑定一个占位class,并设置初始值为false:
```
:class="{hide:hideUpload}"
```
然后在相关的事件中,根据条件动态改变hideUpload的值,当hideUpload为true时,上传按钮会被隐藏。
以上是两种常用的方法来隐藏el-upload上传按钮。你可以根据自己的需求选择其中一种方法来实现隐藏。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-upload 上传图片后隐藏按钮](https://blog.csdn.net/anderfang/article/details/109293371)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [element el-upload上传图片完成后隐藏上传](https://blog.csdn.net/l17862868372/article/details/116223978)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [element-ui上传一张图片后隐藏上传按钮功能](https://download.csdn.net/download/weixin_38588520/13617874)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文