elemen ui 单张图片上传 照片墙上传一张照片后隐藏后面的添加框

修改前

修改后

<el-uploadaction="/posts/"list-type="picture-card":disabled="disabled":on-remove="handleRemove":on-change="changeUpload":class="{ hide: hideUpload }"><i class="el-icon-plus"></i></el-upload><el-dialog :visible.sync="dialogVisible"><img width="100%" :src="dialogImageUrl" alt="" /></el-dialog>

data() {return {dialogImageUrl: "",hideUpload: false,};},

changeUpload(file, fileList) {console.log(7777777, file);this.disabled = false;this.dialogImageUrl = file.url;this.hideUpload = fileList.length >= 1;},handleRemove(file, fileList) {console.log(file, fileList);this.hideUpload = fileList.length >= 1;},

样式

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