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动态添加的div点击跳转到另一页面实现代码,需要的朋友可以参考下2017-09-09
关于javascript的“静态类"...2006-10-10
这篇文章主要介绍了javascript页面倒计时实现方法,可实现简单的页面倒计时及自动提交表单功能,非常简单实用,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了ES6学习笔记之字符串、数组、对象、函数新增知识点,结合实例形式分析了ES6字符串、数组、对象、函数新增知识点、使用技巧与操作注意事项,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了JavaScript节流和防抖函数的相关资料，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-08-08
In Javascript Class, how to call the prototype method.(three
In Javascript Class, how to call the prototype method.(three method)...2007-01-01
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
得益于API,我们可以用JavaScript编写Chrome扩展实现与浏览器的交互及时间通知。值得一提的是现在Chrome拥有后台进程可以使通知在前台浏览器关闭的情况下依然能够生效.2016-05-05
这篇文章主要为大家详细介绍了微信小程序云开发的详细教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
这篇文章主要介绍了12306 刷票脚本及稳固刷票脚本的相关资料,刷票软件很多，用来刷票的软件经常会出现崩溃，而不能继续刷票，需要的朋友可以参考下2017-01-01
这篇文章主要介绍了javascript运行机制之执行顺序理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
最新评论