element-ui upload Cannot set property ‘status‘ of null错误解决方案

最新推荐文章于 2024-08-29 10:11:14 发布
最新推荐文章于 2024-08-29 10:11:14 发布
阅读量5.3k 收藏 1
点赞数 5
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1455990364/article/details/109227132
版权
在使用Element-UI的Upload组件时遇到一个问题，即尝试手动修改fileList会导致错误。一种解决方案是避免直接修改fileList，而使用额外的变量来控制。另一种方法是阻止原生上传事件，但仅适用于单个文件上传，对于多文件上传，可以通过修改fileList中文件的状态来避免错误。
摘要由CSDN通过智能技术生成

1. 在使用element-ui中的Upload组件时, 当我们需要手动修改fileList的时候会报错

this.fileList.push({ xxx });

1. 网上有另一种解决方案是通过另一个变量去控制, 不修改fileList即可, 因为fileList是一个不可修改的.

 

2. 我的解决方式很简单, 没有那么繁琐, 直接return false; 阻止原生组件上传事件即可.:

3.第二种方法只能防止单个文件上传的问题, 多文件上传还是会报错, 由此第三种方法可防止错误, 修改fileList对象中的status即可

鱻i
关注
专栏目录
定时关闭广告2020/11/24
weixin_50286102的博客
11-24 519
setTimeout(function() { ad.style.display = ‘none’ }, 2000) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=
Puppeteer开发过程中遇到的问题及解决方案
m0_54849806的博客
02-21 7265
工欲善其事必先利其器，请先检查本机是否安装NodeJS环境以及查阅API： Google官方文档：https://developers.google.com/web/tools/puppeteer API（v12.0.1）文档：https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline 问题：如何处理各种验证码？ 解决方案：建议大家去搜索对应的解决方案，Puppeteer并无此类解决方案。 问题：某些网站做了JS防爬检测
el-upload 批量上传报错 Uncaught TypeError: Cannot set properties of null (setting ‘status‘)
weixin_59685936的博客
12-15 2988
el-upload 批量上传报错 Uncaught TypeError: Cannot set properties of null (setting 'status')
element upload 自定义上传 报错Cannot set properties of null (setting ‘status‘)
mrliucx的博客
01-15 1001
自定义上传方式fileList 显示一切正常，状态也是成功文件url通过URL.createObjectURL(file.raw) 进行添加以下为配置代码以下为fileList 添加代码。
element-ui upload multiple多选时 Cannot set property ‘status‘ of null错误解决方案
sinat_39049092的博客
04-21 2507
在使用element-ui中的Upload组件时, 当我们需要手动修改fileList的时候会报错如下： 其实这是element组件告诉我们不能直接修改fileList的值。网上有罗列出几种方法来阻止组件的原生事件，实际上这些方法在指定上传文件可多选时是不可取的。这里我通过自己的踩坑，得出一下完美解决方案： 1.在data里面定义再一个变量uploadList用于操作fileList 这里我们定义的uploadList可用于更改fileList的值，并且传回给父组件或者做其他事情 2.上传成功回调里面给
element upload 报错Cannot set property 'status' of null
qq_36437172的博客
01-31 9986
使用element UI的upload组件，打开页面的时候默认从后台加载文件信息，然后显示进去。问题：这个时候用户去删除这个后台的文件，在上传新的文件的时候报错。 BUG重现 通过使用element-ui 来上传文件： &lt;el-upload class="upload-demo" :action="img" :on-preview="handlePreview" ...
element-ui中el-upload报错 Uncaught TypeError: Cannot set property ‘status‘ of null
JohnnyAo的博客
09-22 3461
<el-upload class="avatar-uploader" :class="!isEdit ? 'read-file' : 'editFile'" :action="'api/file/upload?_allow_anonymous=true'" :on-preview="handlePreview" :on-remove="handleRemove" :on-success="uploadSuccess" .
Vue 指令函数的简写形式
mqingo的博客
01-07 4810
  10指令函数的简写形式.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=
SSM整合---狂神说Java学习笔记
rzz65452064的博客
11-29 2784
SSM 整合 哔哩哔哩狂神说Java学习网址 文章只为分享学习经验和自己复习用，学习还是该去查看正规视频网站和官方文档才更有效 文章目录SSM 整合一、环境要求二、数据库环境三、基本环境搭建四、Mybatis层编写五、Spring层编写六、Spring MVC层编写七、Controller 和 视图层编写1、先简单编写，测试一下后端底层代码是否正确2、开始正是编写前端3、添加书籍4、修改、删除书籍八、项目结构图九、全部代码十、小结及展望十一、报错或Eclipse使用问题1、eclipse-maven-web
Activiti6--[3] 整合Activiti6流程设计器
大风起兮云飞扬
11-27 4266
1 目的 将【1】中用到流程图设计相关页面拷贝迁移到项目中。 2 准备 2.1 准备项目 2.2 依赖说明 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter&lt...
Element UI 上传图片组件（支持多传和单传），报错Cannot set property 'status' of null
qq_32849999的博客
03-24 2758
使用组件页面代码： <d2-upload v-model="form.uploaderUrlArray" :limit="5" accept=".png,.jpg,.jpeg" multiple /> 组件代码，我这里图片是上传到七牛服务器的。注意fileLIst是只读的，不能修改。我们这里使用uploadList来保存我们需要改动的数组，否则报错Cannot set prope...
Element-ui中el-upload一次上传多张照片报错 Uncaught TypeError: Cannot set property ‘status‘ of null
qq_43235503的博客
05-24 752
Element-ui中el-upload报错 Uncaught TypeError: Cannot set property ‘status‘ of null
解决 element-ui upload Cannot set properties of null (setting ‘status‘)
最新发布
qq_41794167的博客
08-29 194
element-ui upload Cannot set property ‘status‘ of null
解决Cannot set properties of undefined (setting ‘status‘)
weixin_52169403的博客
03-24 4181
解决Cannot set properties of undefined (setting 'status')
记写修改功能时犯的错误以及解决方法(cannot set properties of null (setting “valye“))
qq_55015207的博客
11-07 3019
搞定，太不细心了，因为上面的静态页面是从添加页面复制过来的，而添加的模板设置的是i+1，不需要id，所以把这一点忘记了。5、问题解决，既然获取没错，那么应该是赋值的过程出错了，在上面查看，果然并没有id=“id”的标签。3、加一行代码，让其在控制台输出获取到的数据（json已经老师已经改好了）回显功能代码报错，意思是获取不到这个值，值为null。回显了，说明数据是没有问题的，而且可以获取。1.点击修改按钮，跳转至修改页面。可以清楚的看到是有id这个值的！
【vue】文件批量上传报错问题解决Uncaught TypeError: Cannot set properties of undefined (setting ‘status‘)
CatalpaWoo的博客
09-22 6058
vue在使用el-upload组件进行多文件上传时报错Uncaught TypeError: Cannot set properties of undefined (setting ‘status’)。
切换图片练习BOM+JS
weixin_45215652的博客
11-23 563
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var img1 = document.getElementById("img1"); // 保存图片 var imgArr
element-ui el-upload 控制台错误 Uncaught TypeError: Cannot set property ‘status‘ of undefined 的原因和解决办法
Ahuuua的博客
11-27 3394
【问题描述】 控制台出错： 【问题查找】 断点调试 在这里调试我们发现，file为undefined。我们进到getFile函数看到，this.uploadFiles方法的值为空，不能够进入到下面的every循环，而this.uploadFiles的值来自于父组件的fileList，所以我们就把错误定义到父组件中的fileList传值问题上。 之前也在网上找过资料，看过一篇文章，可能是在el-upload钩子函数uploadChange做了文件过滤，将文件大小大于0的都进行了禁止上传。
Cannot set properties of null (setting ‘onblur‘)
web13985085406的博客
03-08 806
正常来说js写在body下面不会查找不到，但是本人在练习用户验证的时候犯了个小错误，document获取元素的时候，通过class属性获取的，如果通过document.querySelector去获取元素的话切记不要丢掉.xxx，通过id获取的话需要#xxx 修改完之后的无报错，测试正常。 综上，出现Cannot set properties of null (setting ‘xxx‘)类型的报错，并不一定是因为js代码写在了body之前这种类型，代码出错也可能引起报错。 ...
Element-UI + Vue 表单验证解决方案
"本文主要探讨了在Vue项目中，结合element-ui组件库如何实现表格内嵌表单验证的功能，提供了一种解决方案，并通过代码示例进行了详细说明。" 在开发Web应用时，尤其是在处理数据录入和编辑的场景中，我们常常需要在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值