uview框架upload组件遇到的坑

废话不多说,直接上代码

<view class="wrap">
                            <view class="pre-box" v-if="!showUploadList">
                                <view class="pre-item" v-for="(item, index) in lists" :key="index">
                                    <image class="pre-item-image" :src="item.url" mode="aspectFill" style="width: 120rpx;height: 120rpx;"></image>
                                    <view class="u-delete-icon" @tap.stop="deleteItem(index)">
                                        <u-icon name="close" size="20" color="#ffffff"></u-icon>
                                    </view>
                                </view>
                            </view>
                            <u-upload 
                            :deletable="true"
                            :custom-btn="true" 
                            ref="uUpload" 
                            name="file"
                            :max-count='4'
                            @on-uploaded="onUploaded"
                            @on-change="onChange"
                            :header = "heard"
                            :show-upload-list="false" 
                            :action="action"> 
                                <view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
                                    <u-icon name="photo" size="50" color="#c0c4cc"></u-icon>
                                </view>
                            </u-upload>
                        </view>

 这里我使用的是自定义上传图片样式,(声明lists为数组)

 

根据官方文档的写法:

然后我就直接在onReady(){}方法中调用如上的赋值变量

但是很奇怪,赋值的变量是初始值,导致于上传文件后,显示的图片为空,

解决方法,直接在组件的onUploaded()事件命名一个空数组赋值,如下:

然后lists的数据能正常获取 

 

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值