上传组件自定义模板内容显示冲突
来源:9-8 大功告成 创建文章最后流程
希望林柚一健康快乐成长
2022-04-12
老师,你好,我上传图片之后,上传中和初始状态都显示出来了,是为什么呢
creatpost.vue中是这样写的
<up-loader action="/upload" class="d-flex align-items-center justify-content-center bg-light text-secondary w-100 my-4" :beforeUpload="onUpload">
<!-- 自定义上传样式 -->
<template #default>
<h2>点击上传素材</h2>
</template>
<template #loading>
<div class="d-flex">
<div class="spinner-border text-secondary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<h2>正在上传。。。</h2>
</div>
</template>
<template #uploaded="dataprops">
<img :src="dataprops.uploadedData.data.url" alt="">
</template>
</up-loader>
写回答
1回答
-
同学你好
https://gitee.com/wangshq1/those-who-know-also/blob/master/src/components/Uploader.vue#L10
这里应该是 v-else-if 才对,原因自己想一想偶~
012022-04-13
相似问题