效果图:
上传图片前有上传按钮
在这里插入图片描述
上传一张图片后,隐藏上传按钮
在这里插入图片描述
我用的是是手动上传的照片墙组件

1.data里面初始值:

	hideUpload: false,

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

	:class="{hide:hideUpload}"

3.onChange里面(文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用):

	this.hideUpload = fileList.length >= this.limitCount;//this.limitCount就是图片数量

4.handleRemove里面(删除图片时的钩子):

	this.hideUpload = fileList.length >= this.limitCount;

5.style,把scoped去掉:

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

scoped不用去掉,可以写成/deep/

Logo

前往低代码交流专区

更多推荐