当前位置： 移动技术网 > IT编程>开发语言>JavaScript > element-ui上传一张图片后隐藏上传按钮

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

2019年05月23日  | 移动技术网IT编程  | 我要评论

来自：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>

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网