vue异步跟随表单上传图片 单张or多张

下面是获取的后台照片展示 ，我这里限制了图片数量

limit 为限制的图片数量多少
dialogVisibles 为控制是否有图片
contractPicUrl为展示的图片后台url 若有多张图片 需要使用for循环方法

        <el-form-item label="合同照片" prop="contractPic" label-width="80">
          <el-upload
            v-model="forms.contractPic"
            ref="uploadExcelh"
            action="#"
            :on-exceed="handleExceed"
            :before-upload="beforeAvatarUploadh"
            :on-preview="handlePictureCardPreview"
            :limit="1"
            list-type="picture-card"
            accept=".png,.jpg,.jpeg"
            :auto-upload="false">
            <i slot="default" class="el-icon-plus"></i>
          </el-upload>
          <div v-if="dialogVisibles">
            <img  :src="form.contractPicUrl" alt=""  width="150" height="150" />
          </div>
        </el-form-item>