element-ui上传一张图片后隐藏上传按钮功能
更新时间：2019年05月22日 14:52:47 作者：小角色Byme
这篇文章主要介绍了element-ui上传一张图片后隐藏上传按钮功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
element-ui上传一张图片后隐藏上传按钮
el-upload里面绑定一个占位class：
:class="{hide:hideUpload}"
data里面初始值：
hideUpload: false,
limitCount:1
onChange里面（添加文件、上传成功和上传失败时都会被调用的那个）：
this.hideUpload = fileList.length >= this.limitCount;
handleRemove里面（删除文件被调用的那个）：
this.hideUpload = fileList.length >= this.limitCount;
style，把scoped去掉（或者外部引入样式文件，主要目的是为了修改element-ui自带的样式）
<style>
.hide .el-upload--picture-card {
display: none;
}
</style>
PS：下面看下element-ui 上传图片时表单验证提示不消失
1.方法一: 表单元素上添加 v-model="list.length"；
2.添加一个ref ,之后在on-change 事件里清空表单验证
总结
以上所述是小编给大家介绍的element-ui上传一张图片后隐藏上传按钮功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要介绍了JS实现获取进今年第几天是周几的方法,结合实例形式对比分析了JavaScript进行日期与天数运算相关操作技巧与注意事项,需要的朋友可以参考下2018-06-06
用Javascript判断图片是否存在，不存在则显示默认图片的代码
用Javascript判断图片是否存在，不存在则显示默认图片的代码,需要的朋友可以参考下。2007-03-03
JS中new Date().Format("yyyy-MM-dd") 报错的解决
这篇文章主要介绍了JS中new Date().Format("yyyy-MM-dd") 报错的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
因为想自动定位到子元素，所以一直在找各种找寻元素位置的代码。 不过总是找不到可以定位子元素相对位置的代码2012-07-07
这篇文章主要为大家详细介绍了JavaScript实现楼梯滚动特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要为大家详细介绍了JS实现简单日历特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
这篇文章主要介绍了JavaScript基于面向对象实现的猜拳游戏,结合完整实例形式分析了javascript基于面向对象实现猜拳游戏的具体页面布局、样式及功能相关操作技巧,需要的朋友可以参考下2018-01-01
对于模糊查询,一般都是传关键字给后端,由后端来做。但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验,这篇文章主要给大家介绍了关于前端JavaScript如何实现本地模糊搜索功能的相关资料,需要的朋友可以参考下2021-07-07
这篇文章主要介绍了通过js如何获取当前页面的url网址信息,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了微信小程序movable-view的可移动范围 ,movable-view不管怎么移动都要完全包含住movable-area，也就是说movable-area不能超出movable-view的区域范围，反之亦然，本文通过示例介绍的非常详细，需要的朋友可以参考下2022-07-07
最新评论