二次封装el-update组件(vue2.x)

最新推荐文章于 2024-10-15 13:28:17 发布

小张不会撸码

最新推荐文章于 2024-10-15 13:28:17 发布

阅读量462

点赞数 1

分类专栏： vue element-ui vue组件

本文链接：https://blog.csdn.net/null1126/article/details/115616582

版权

这篇博客主要介绍了在Vue2.x中如何对element-ui的el-upload组件进行二次封装，详细展示了单张图片上传的实现过程，包括Upload.vue组件的编写以及在项目中的引入和使用方法。多张图片上传的功能目前处于待更新状态。

摘要由CSDN通过智能技术生成

一、单张图片上传

组件 Upload.vue

<template>
  <div>
    <el-upload
      class="pic-uploader-component"
      action="上传地址"
      :show-file-list="false"
      :on-success="handleUploadSuccess"
      :on-change="handleChange"
      :before-upload="beforeAvatarUpload"
    >
      <img v-if="value && !loading" :src="resourcesUrl + value" class="pic">
      <i v-if="!value && !loading" class="el-icon-plus pic-uploader-icon