526互联

element ui的Upload 上传和Image 图片组件使用整理

发布时间 2023-05-16 17:47:07作者: 天宁哦

说明

收集整理在开发中遇到的对于上传组件和图片组件的使用

Upload上传组件

修改上传按钮的默认宽高

::v-deep .el-upload--picture-card {
	width: 80px;
	height: 80px;
	line-height: 85px;
}

修改默认的上传组件图片列表展示的宽高

::v-deep .el-upload-list--picture-card .el-upload-list__item {
	width: 80px;
	height: 80px;
}

隐藏上传组件的上传按钮

::v-deep .el-upload--picture-card {
	display: none;
}