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>
上一篇: Ajax介绍