element-ui图片上传组件查看和限制方式

<el-upload 
    :limit="1" 
    :on-exceed="config.exceed" ref="upload" class="upload-demo" 
    :before-upload="config.onBeforeUpload" 
    :on-success="config.handleAvatarSuccess" 
    :data="config.dataParam" 
    :action="config.actionUrl"
     :on-remove="config.handleRemove"
      :file-list="config.fileList2" //保存当前图片对象数组
      :multiple="false" 
      :show-file-list="true" 
      list-type="picture">
            <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>

config: {
        dataParam: {
          bizType: 3,
          useType: 2
        },
        actionUrl: 'api/base-fdfs/fdfs/public/upload',
        exceed:()=>{
            this.$alert('请删除后再上传', '异常提示', {
              confirmButtonText: '确定',
              type: 'warning'
            });
        },
        handleRemove: (file,fileList) => {
          this.form.picture=''
          this.config.fileList2=[] //删除此数组内的图片对象
        },
        onBeforeUpload: (file) => {
          const isIMAGE = ((file.type === 'image/jpeg') || (file.type === 'image/png') || (file.type === 'image/bmp'));
          if (!isIMAGE) {
            this.$alert('上传文件只能是图片格式（jpeg/png/bmp）', '异常提示', {
              confirmButtonText: '确定',
              type: 'warning'
            });
            return false
          }
          if(file.size/1024/1024>5){
            console.log(file.size)
            this.$alert('图片不能大于5M', '异常提示', {
              confirmButtonText: '确定',
              type: 'warning'
            });
            return false
          }
          return true
        },
        handleAvatarSuccess: (res, file) => {
          this.form.repairImages = file.response.data
        },
        fileList2: [],
      },

    let obj={}
    this.config.fileList2=[]
    this.$set(obj,'name','file');
    this.$set(obj,'url',response.data.picture);
    this.config.fileList2.push(obj)  

this.$refs.upload.clearFiles() //清除图片

<el-form-item label="礼包主图" prop="goodsimage" :required="true">
        <el-upload
          :class="{ disabled: uploadDisabled }"   //这里动态控制样式
          :limit="1"
          ref="picUpload"
          class="pic-div"
          action="'xxxxxxx'"
          :with-credentials="true"
          list-type="picture-card"
          :on-remove="removePic"
          :on-change="handleEditChange"
          :file-list="goodsimage"
          :on-exceed="beyond"
        >
          <div class="el-upload file-upload-container" @click.stop="popFileUpload('0')">
            <i class="el-icon-plus"></i>
          </div>
        </el-upload>
      </el-form-item>

 // 隐藏图片上传按钮
    uploadDisabled() {
      return this.goodsimage.length > 0   //判断图片上传的数量动态控制按钮隐藏与显示
    },

<style>
.disabled .el-upload--picture-card {
  display: none;
}
</style>

<el-button ***v-if="this.goodsvideo.length < 1"*** class="file-upload-btn-container" @click.stop="popFileUpload('1')" size="small" type="primary">点击上传</el-button >