在对element-ui修改组件样式时,需要添加样式穿透(/deep/或>>>)才能生效 解决办法 /deep/.el-upload--picture-card, /deep/.el-upload-list__item{ width: 100px; height: 100px; line-height: 110px; } 或 >>>.el-upload--picture-card, >>>.el-upload-list__item{ width: 100px; height: 100p...
文件上传后的显示,这里为了省事不做回显了,后端现成的接口也不支持,文件上传失败再删除(或者显示在那个图片上显示一个error的样式)吧。照片墙需要的参数,url参数是必选的,做显示用;uid是为了删除等操作,文件的uid每次上传都不一样,不是按照文件哈希值来的,这一点确保了能精确地进行删除操作,比如照片墙允许4张图,...
达到最大允许上传数之后,不再显示此上传按钮。 实现思路 通过浏览器调试找到上传按钮的类名,为el-upload--picture-card。通过修改这个类的样式隐藏上传按钮。 调试.png 具体步骤 在upload标签上先绑定一个类名:class="{hide:hideUpload}"。当hideUpload为true时,hide样式生效,上传按钮隐藏。data中设置hideUpload默认...
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题 我要实现的功能是在上传文件之前校验是否表格中存在重复的数据,有的话,需要弹窗提示是否覆盖,确认之后继续上传,取消之后,就不再上传。 项目中用的element-ui是V1.4.3 <el-upload class="upload-demo" drag ref="fileUpload" :...
需求:去除这个提示,因为有的时候会覆盖文件名造成重叠的情况。 问题解决: 网上找了好几种方法只有一种生效了,如下: 先给el-upload加个class,"upload-de...
这种情况,要解决的话,只需要加入两行css。记住要使用样式穿透,否则不生效。 ::v-deep .el-list-leave-active{transition:none;}::v-deep .el-list-leave-to{transition:none;} image.png 这样就不会出现第一张图的问题了,但是当限制一张图片的时候,上传按钮消失了,但是还在占位,只需要加一个自定义class类名...