遇到的问题：

在vue中照片墙的照片数量超过限制数量后，要隐藏图片上传按钮，如何解决？

解决方法：

<el-uploadaction="https://jsonplaceholder.typicode.com/posts/"list-type="picture-card":limit="2":on-preview="handlePictureCardPreview":on-remove="handleRemove":on-change="handleChange":class="{hide:hideUploadCard}"    //绑定css样式
><i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible"><img width="100%" :src="dialogImageUrl" alt="">
</el-dialog><script>export default {data() {return {dialogImageUrl: '',dialogVisible: false,hideUploadCard: false};},methods: {handleRemove(file, fileList) {console.log(file, fileList);this.hideUploadCard = fileList.length >= 2},handleChange(file, fileList) {this.hideUploadCard = fileList.length >= 2   //通过change方法来改变hideUploadCard值},handlePictureCardPreview(file) {this.dialogImageUrl = file.url;this.dialogVisible = true;}}}
</script><style>
.hide .el-upload--picture-card {display: none;
}
</style>

注意：在vue中的话，需要将style中的scope去掉！

问题：在vue中照片墙的照片数量超过限制数量后，要隐藏图片上传按钮，如何解决？相关推荐

el-upload 自定义请求上传图片，达到上传数量限制后，隐藏图片上传框
需求:1.图片上传请求的时候使用自定义 2.上传数量1张,上传了1张之后,隐藏上传框步骤: 1.把 action 赋值为#字符串添加 :http-request" 3.通过添加disab ...
Vue项目中最简单的使用集成百度UEditor方式，含图片上传
前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热度.而不少公司和个人也仍然 ...
SpringBoot中通过重写WebMvcConfigurer的方法配置静态资源映射实现图片上传后返回网络Url
场景前端调用上传照片的功能,将某照片上传到服务器上某磁盘路径下,然后将通过静态资源映射,将在服务器上访问的地址存储到数据库中,这样在需要获取这种照片的时候就能通过服务器上的url来获取和显示这张照 ...
封装一个完整版的uniapp图片和视频上传组件，拿来即用，可进行图片视频切换，可自定义上传按钮样式，删除按钮样式，可单独上传图片或者视频，可限制上传数量
第一步 components里面新建一个manyImgUpload.vue组件,将以下代码放入以下代码中需要你改的地方 uni.uploadFile中的参数,url为你公司的上传接口.files为你 ...
【VUE项目实战】54、商品添加功能（四）-商品图片上传模块
接上篇<53.商品添加功能(三)-商品参数及属性模块> 上一篇我们完成了商品参数和商品属性面板的开发,本篇我们来完成商品图片上传模块的开发. 一.要实现的效果我们在商品图片页签,需要放置 ...
从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能...
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文 ...
jeesite4中图片上传功能
图片上传一般情况下的图片上传 1.添加图片上传标签 2.修改service中的save方法将图片保存到实体属性中 1.修改图片上传标签,修改后的如下效果将图片保存到对象的拓展表中 1.代码如下 ...
Vue中使用vue-quil-editor富文本编辑器+el-upload实现带图片上传到SpringBoot后台接口
场景系统中经常会用到富文本编辑器,比如新增通知和公告功能,并且需要添加上传图片. vue-quill-editor官网: https://www.npmjs.com/package/vue-quil ...
vue项目中的h5图片上传（处理上传的时候图片被旋转的问题，并压缩图片大小）
vue的图片上传这个页面实现的主要是实现创建球队功能,里面包含队徽,球队类型,球队名称,所属地址这里除了图片上传还有一个地址的三级联动功能,这里我把这个页面都贴上来了.这个项目中使用vux作为ui ...
vue中使用wangeditor富文本编辑器（含图片上传和回显）
最近在写vue的项目中,遇到一个需求,点击编辑,显示弹框,在弹框中的富文本编辑器中编辑自定义文本样式,可以上传图片并回显.编辑完成确定后显示在页面上. 首先先写一个editor.vue的页面.(建议单 ...

问题：在vue中照片墙的照片数量超过限制数量后，要隐藏图片上传按钮，如何解决？

遇到的问题：

问题：在vue中照片墙的照片数量超过限制数量后，要隐藏图片上传按钮，如何解决？相关推荐

最新文章

热门文章