element

您所在的位置:网站首页 照片怎么合并上传 element

element

2024-07-10 12:38| 来源: 网络整理| 查看: 265

认识属性:file-list=“fileList” 上传的话选中文件后,会加载到页面中供我们预览。这个属性就是存预览的照片数组的。(你不配置这属性,当然也能看到预览,但是你无法对其进行操作,比如删除)

auto-upload=“false” 选中文件后是否直接上传。记住这个很重要,文档几乎不提

on-change 官方解释“文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用”,当你添加文件也会调用,使用这个的时候,记得把第二点属性设置成false,记得把预览数组赋值到本地fileList变量,这样才能操作预览 图片

this.fileList=fileList } ```

ref=“upload” 然后是注册实例,添加好文件后总得上传吧,官方没写上传的方法。。。。 this.$refs.upload.submit(); 这样就行了

然后是做一个删除某个预览图片,真的想吐槽官方文档,必须用到第一点的属性,去操作那个fileList 再然后,如图能看到一个删除按钮,点击是没有参数返回数组下标的。那么就意味着你得循环这个fileList去匹配该file

let index=0 //没有提供下标值,使用uid识别 fileList.forEach((el,idx) => { if(el.uid==file.uid) { index=idx } }); this.fileList.splice(index,1) console.log(this.fileList) },

不符合限制的图片,不加入预览(不添加),这是onchange函数的内容,fileList是参数,并不是本地变量。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3