解决 图片上传控件 报错 element ui Uncaught TypeError: Cannot read properties of undefined (reading ‘length‘)

报错信息

 Uncaught TypeError: Cannot read properties of undefined (reading 'length')

问题描述:一个页面存在多个图片上传控件时候,ref 用了同一个 导致

handleBeforeUpload这个方法里面 报错Uncaught TypeError: Cannot read properties of undefined (reading 'length')
<Upload
                              ref="dressImageUpload"
                              :show-upload-list="false"

解决办法如下

在每一个控件的ref 都要单独定义,如下

1、

2、

变量中单独定义如下
defaultDressList: [], // 默认商品类型图片
productImageList: [], // 商品图片列表

在mounted中也要如下

通过上面的操作,两个控件互不影响,从而解决以上报错

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值