上传组件自定义模板内容显示冲突

来源: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回答

张轩

2022-04-13

同学你好

https://gitee.com/wangshq1/those-who-know-also/blob/master/src/components/Uploader.vue#L10

这里应该是 v-else-if 才对,原因自己想一想偶~

0
1
希望林柚一健康快乐成长
啊,明白了,因为前两个我用的都是v-if,默认插槽的位置写的是v-else,当处于上传中状态的时候,fileStatus 为loading状态,成功状态的结构条件不满足,所以v-else自然满足了,也显示出来了
2022-04-13
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程