欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

element-ui上传一张图片后隐藏上传按钮

程序员文章站 2022-04-18 09:37:37
来自:https://github.com/ElemeFE/element/issues/3367#issuecomment-376402380 侵删 el-upload里面绑定一个占位class: data里面初始值: onChange里面(添加文件、上传成功和上传失败时都会被调用的那个): ha ......

来自:https://github.com/elemefe/element/issues/3367#issuecomment-376402380 侵删

 

el-upload里面绑定一个占位class:

:class="{hide:hideupload}"

data里面初始值:

hideupload: false,
limitcount:1

onchange里面(添加文件、上传成功和上传失败时都会被调用的那个):

this.hideupload = filelist.length >= this.limitcount;

handleremove里面(删除文件被调用的那个):

this.hideupload = filelist.length >= this.limitcount;

style,把scoped去掉(或者外部引入样式文件,主要目的是为了修改element-ui自带的样式)

<style>
.hide .el-upload--picture-card {
    display: none;
}
</style>