element ui 图片控件排序_Element-ui上传图片后隐藏上存控件

在使用Element-ui el-upload组件的时候，发现我只想上存一张图片，比如头像的上存，然而上存一张后，控件还可以继续上存。

一下的方法是Element-ui上传图片后隐藏上存控件。

在element-ui中使用绑定on-change属性方法来达到.

:class="['uploadcard', uploadDisabled2 ? 'disabled2' :'displaynone']"

action="/api-promanagement/companys/upload"

list-type="picture-card"

:show-file-list="true"

:on-success="handleAvatarSuccessBack"

:before-upload="beforeAvatarUpload"

:limit="1"

:on-change="handleLimit2"

:on-remove="handleRemove2"

v-if="formData.idCardBack"

:src="formData.idCardBack"

class="avatar-uploader-img"

data部分：

uploadDisabled:false,

绑定方法：

handleLimit2(file, fileList) {

if ((fileList.length == 1)) {

this.uploadDisabled2 = true;

}

css部分：

// .el-upload--picture-card 控制加号部分

.disabled .el-upload--picture-card {

display: none!important;

}

element ui 图片控件排序_Element-ui上传图片后隐藏上存控件相关推荐

element ui 图片加载失败_element图片懒加载的问题
本来我这个人就很懒的,并不喜欢写说明博客之类,浪费时间浪费精力,学习的过程,遇到一些很小白的问题,百度搜索解决,然后在代码里注释下而已, 突然想到世界上是存在大多数像我这样的小白的,滴水之恩当涌泉相报 ...
element表格实现树形全选_Element UI 树形表格，TreeGrid或TreeTable实现
说明: 完全基于Element UI表格组件实现,通过对数据增加字段实现. 直接从工程里面拷的代码,需要自己梳理一下,图标用了font awesome. 先看效果图: VUE文件代码: 查询条件: 过 ...
element ui表单必填_element ui判断是否必填添加校验
是否 v-for="item in appForm.findListData" :key="item.dictKey" :label="item.d ...
Element UI 上传一张图片后隐藏上传按钮
el-upload里面绑定一个占位class: :class="{hide:hideUpload}" data里面初始化: hideUpload: false, limitCoun ...
java 动态加载控件_JS动态添加节点后渲染为EasyUI控件，EasyUI动态渲染解析解决方案...
这是个小菜在实际工作中遇到的问题,相信很多EasyUI新手很可能也遇到这样的问题,因此小菜觉得有必要拿出来分享一下. 这个问题要从EasyUI的datebox组件说起,小菜用这个组件的时候,发现用$( ...
element el-upload上传图片完成后隐藏上传
这里就直接上代码了,亲测可以. 这里只弄了上传一张照片后隐藏上传按钮,如需上传多张,自行修改limit属性即可. <template><el-card class="car ...
WPF开发：WindowsFormsHost上浮动控件方法
WindowsFormsHost上浮动控件方法 WindowsFormsHost是WPF中承载windows form类型的控件,它的优先级特别高,在同一个窗口上的其他类型控件都能被它盖在下边.TE的 ...
el-upload 自定义请求上传图片，达到上传数量限制后，隐藏图片上传框
需求:1.图片上传请求的时候使用自定义 2.上传数量1张,上传了1张之后,隐藏上传框步骤: 1.把 action 赋值为#字符串添加 :http-request" 3.通过添加disab ...
element ui 图片控件排序_vuedraggable+element ui实现页面控件拖拽排序效果
项目要实现一些控件的拖拽排序.从而找到了这款vuedraggable控件,供大家参考,具体内容如下如上图要实现这些控件的拖拽排序这是拖拽后由于公司网络的原因,项目没有使用npm,都是使用的引入的 ...

element ui 图片控件排序_Element-ui上传图片后隐藏上存控件

element ui 图片控件排序_Element-ui上传图片后隐藏上存控件相关推荐

最新文章

热门文章

element ui 图片控件 排序_Element-ui上传图片后隐藏上存控件

element ui 图片控件 排序_Element-ui上传图片后隐藏上存控件相关推荐

最新文章

热门文章

element ui 图片控件排序_Element-ui上传图片后隐藏上存控件

element ui 图片控件排序_Element-ui上传图片后隐藏上存控件相关推荐