iview upload自定义上传列表时的坑

// 这是官方例子
<div class="demo-upload-list" v-for="item in uploadList">
        // 这里有个if判断 item.status 要等于 finished
        <template v-if="item.status === 'finished'">
            <img :src="item.url">
            <div class="demo-upload-list-cover">
                <Icon type="ios-eye-outline" @click.native="handleView(item.name)"></Icon>
                <Icon type="ios-trash-outline" @click.native="handleRemove(item)"></Icon>
            </div>
        </template>
        <template v-else>
            <Progress v-if="item.showProgress" :percent="item.percentage" hide-info></Progress>
        </template>
    </div>    
        // 但是这个属性得手动加上去!!!!!!!
        // 比如自己编写了比如 handleBeforeUpload 函数
        // 结束的时候记得给文件加上 status 属性 并且设置为 finished 再操作:
        
            file.url = reader.result
            file.status = 'finished'
            that.uploadList.push(file)



评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值