手机版

元素-ui上传图片后隐藏上传按钮功能

时间:2021-08-23 来源:互联网 编辑:宝哥软件园 浏览:

Element-ui在上传图片后隐藏上传按钮

El-upload与占位符类绑定:

: class=' { hide : hide upload } '

数据中的初始值:

hideUpload: false,

极限计数:1

OnChange(文件添加、上传成功和失败时将调用的那个):

this . HideUpload=FileList . length=this . LimitCount;

HandleRemove(调用删除文件的地方):

this . HideUpload=FileList . length=this . LimitCount;

样式,移除作用域(或者在外部引入一个样式文件,主要目的是修改元素-ui的样式)

风格。隐藏。El-upload-picture-card { display :无;}/stylePS:让我们看看当element-ui上传图片时,表单验证提示并没有消失。

1.方法1:在:个表单元素中添加v-model=' list.length

2.添加一个引用,然后在变更事件中清除表单验证

摘要

以上是边肖介绍的在element-ui上传图片后隐藏上传按钮的功能。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你的!

版权声明:元素-ui上传图片后隐藏上传按钮功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。