vue项目里使用element-plus里面的el-upload组件报错Uncaught (in promise) TypeError: Cannot create property ‘xxx‘

最新推荐文章于 2024-05-14 17:24:40 发布
最新推荐文章于 2024-05-14 17:24:40 发布
阅读量4.1k 收藏
点赞数 1
分类专栏： 前端HTML 文章标签： 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxh1101188677/article/details/126764995
版权

错误原因： Uncaught (in promise) TypeError: Cannot create property ‘xxx’ on string ‘xxx’，这个报错是因为upload组件的fileList赋值错误。
在使用上传图片组件的fileList属性时，该属性只接受对象列表，直接赋值字符串数组则会报该错误~~~

报错图片
在这里插入图片描述

错误代码图片
在这里插入图片描述

修正方法： upload组件的fileList属性，不能直接接受字符串数组，只能接受对象列表，如下图
在这里插入图片描述

喵肉肉~
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue element ui下载文件报错的问题
bufegar0的博客
07-10 3671
问题背景 最近开发代码生成的时候，遇到生成的文件下载失败的问题，一共遇到三种情况，记录此文档，以备忘，也给大家一些参考。 问题一：Blob文件配置 需要在js文件配置responseType为blob,具体代码如下： url: '/mate-code/sys-code/generator-code', method: 'post', responseType: 'blob', 如果不配置，就按二进制在reponse里显示出内容，感觉出来像乱码。 问题二： Uncaught (in
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
Uncaught (in promise) TypeError: Cannot create property ‘uniIdToken‘ on string
qq_50880219的博客
11-20 244
参数data后接的参数不论有几个都需要使用中括号。uniapp调用云函数出现此类错误。
成功解决Uncaught TypeError: Failed to resolve module specifier “vue“.
最新发布
LM_MT的博客
05-14 1443
成功解决Uncaught TypeError: Failed to resolve module specifier "vue".
Uncaught (in promise) TypeError: Cannot create property 'currentHandleGroupId' on string ''
weixin_40785343的博客
11-07 4710
Uncaught (in promise) TypeError: Cannot create property ‘currentHandleGroupId’ on string ‘’ 在vue开发中遇到的，这个问题存在的原因是因为不能在字符串上新增属性，返回看了下自己的代码。 在vue data中变量personMessData的初始值是字符串 因而给它添加属性失败 ...
Uncaught (in promise) TypeError: Cannot create property ‘msg‘ on string Axios请求下载文档流报错
weixin_45271385的博客
08-21 2053
解决 在axios API中添加 responseType: 'blob’ export function exportPN (body) { return axios({ url: api.exportPN, method: 'post', data: body, responseType: 'blob' }) }
关于使用element的upload组件上传文件报错问题
q12as的博客
05-24 2903
upload已经将数据转换为了formData类型，无需再次转换，直接上传获取到的数据即可。b.检查请求头部content-type类型是否为multipart/form-data。如果不是请自定义为multipart/form-data。a.创建一个formData对象。
vue3 Uncaught TypeError: Cannot create property ‘value‘ on string ‘
lixianbing1的博客
09-07 3270
vue3图片上传组件第一次用，好多坑，没明白。我用ref定义了这个字段，但是通过。如图，错误定位在这里。这里的时候，就报错了。
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
vue-cli3.0+element-ui上传组件el-upload的使用
10-17
在本篇文章中，我们将详细探讨如何在vue-cli3.0环境中使用Element UI的上传组件el-upload。el-upload组件允许用户上传文件，并且可以进行一系列的定制和限制，以满足各种需求。 首先，`<el-upload>`组件的基本用法...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
10-18
今天小编就为大家分享一篇vue2.0 使用element-ui里的upload组件实现图片预览效果方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
微信小程序Cannot create property 'checked' on string
weixin_42576467的博客
01-11 546
这个错误消息表明在小程序的 JavaScript 代码中，有一个地方尝试在一个字符串类型的变量上新建一个 "checked" 属性，而字符串类型的变量并不支持添加属性。这通常是因为您把一个字符串变量当做了一个对象来使用，请检查您的代码并确保您操作的变量是一个对象。 ...
el-upload组件报TypeError: Cannot create property ‘uid‘ on string错误解决方法
lFFFFFFl的博客
05-09 5735
el-upload组件报TypeError: Cannot create property 'uid' on string错误解决方法
element-ui报错：Uncaught (in promise) cancel
u013008898的博客
04-07 1155
分析：出现Uncaught (in promise) cancel的原因因为this.$confirm方法内置promise方法不能去掉.catch(),没有.catch取消操作无法捕获. 修改前: 修改后: this.$confirm('请先选择知识点目录再进行录入知识点', "警告", { confirmButtonText: "确定", cancelButtonText: "取消", type: "
Vue中报错Uncaught (in promise)解决方案
热门推荐
why404
04-25 2万+
今天在写vue项目配置好路由点击菜单时，突然在控制台报错。 错误信息如下： Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}； 解决方法一：经过多次尝试发现原因可能是 在重新下载依赖包时，安装的vue-router还是之前...
elementUI Cannot create property ‘uid‘ on string
weixin_42574985的博客
10-19 2903
elementUI Cannot create property 'uid' on string
将普通类型数据赋值给ref响应式数据导致报错：searchAir.vue:129 Uncaught (in promise) TypeError: Cannot set properties of，
Dennis_nafla的博客
11-05 157
查chatgpt才恍然大悟，是因为router.currentRoute.value.query是普通类型，而我的数据searchData 本来是ref响应式数据，这样就把我的searchData 变成了普通类型；所以我给其属性赋值时会说尝试设置一个名为 'departTime' 的属性，但是这个属性的对象是。这行代码是我突发奇想写的，自以为能把里面的值都赋过来，却没想到连类型都被改了。尝试设置一个名为 'departTime' 的属性，但是这个属性的对象是。，因此无法设置它的值。要点上一个value，
vue3 使用element plus 的el-table报错Uncaught TypeError: data.includes is not a function
LlanyW的专栏
01-04 1440
data="order_logs" 这个字段：order_logs有问题，类型不匹配应该是数组不是对象。初始el-table的data字段为数组。换个字段没问题，发现是初始化。el-table渲染报错，
vue3使用el-form表单校验报错Uncaught TypeError: Cannot read properties of undefined (reading 'resetFields')
09-23
vue3使用el-form表单校验报错Uncaught TypeError: Cannot read properties of undefined (reading 'resetFields')是因为在调用this.$refs[formName].resetFields()时，this.$refs[formName]返回的是undefined，而resetFields()是undefined的一个属性，所以会报错。解决此问题的方法是使用this.$nextTick()将回调函数延迟到下次DOM更新循环之后执行，确保在执行resetFields()时表单已经渲染完成。 你可以尝试修改代码如下： methods: { resetLoginForm(formName) { this.$nextTick(() => { this.$refs[formName].resetFields(); }); }, },

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值