所有网站的分辨率,怎么用ftp修改网站图片,wordpress营业中,wordpress 漫画站最近在重构项目#xff0c;使用了 element plus UI框架#xff0c;有个功能是实现图片上传#xff0c;且限制只能上传一张图片#xff0c;结果#xff0c;发现#xff0c;可以限制只上传一张图片#xff0c;但是上传按钮还在#xff0c;如图#xff1a; 解决办法…最近在重构项目使用了 element plus UI框架有个功能是实现图片上传且限制只能上传一张图片结果发现可以限制只上传一张图片但是上传按钮还在如图 解决办法当上传个数达到限定个数时通过样式控制上传按钮的隐藏 主要代码
:class{ hideUploadBtn: fileList.length count } :deep(.hideUploadBtn .el-upload--picture-card) { display: none;
}
详细代码如下
templatedivel-uploadlist-typepicture-card:show-file-listtrue:before-uploadbeforeUpload:multiplecount 1 ? false : true:file-listfileList:class{ hideUploadBtn: fileList.length count }el-iconPlus //el-icon/el-upload/div
/templatescript setup
const fileList ref([]); // 文件列表
const count ref(1); // 限定只能上传一张const beforeUpload async (file) {uploadFunc()return false; // 阻止默认上传
};// 你的上传方法
function uploadFunc() {// 在这里调用后台接口上传
}
/script
style langscss scoped
:deep(.hideUploadBtn .el-upload--picture-card) {display: none;
}
/style实现结果如图 鼠标放到图片上的样子
