ant-design-vue图片上传组件——图片墙

时间：2020-06-03 15:31:12 收藏：0 阅读：790

技术分享图片

<a-upload
    accept=".jpg,.jpeg,.png"
    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
    list-type="picture-card"
    :file-list="fileList"
    @preview="handlePreview"
    @change="handleChange"
>
    <div v-if="fileList.length<5">
        <a-icon type="plus" />
        <div class="ant-upload-text">Upload</div>
    </div>
</a-upload>
    <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
        <img alt="example" style="width: 100%" :src="previewImage" />
    </a-modal>

原文：https://www.cnblogs.com/codexlx/p/13037458.html