思路: 上传成功以后,隐藏 .el-upload--picture-card
。
HTML部分
<el-upload :class="{hide_box: upload_btn}"
:action="`#"
list-type="picture-card"
:on-success="handleSuccess"
:auto-upload="true">
// 其他代码
</el-upload>
data部分
data() {
return {
upload_btn: false, // 是否隐藏上传图片按钮
};
},
methods 部分
// 上传成功
handleSuccess(response, file, fileList) {
// 上传成功后,隐藏上传按钮
this.upload_btn = true;
},
CSS 部分
.hide_box /deep/ .el-upload--picture-card {
display: none;
}
说明::on-success="handleSuccess"
这个是上传成功后触发,没成功不触发,如果没后台,只是想测试,可以换成 :on-change="handleSuccess"
,这个是状态修改后就触发